Merge pull request #22 from zenzen-sol/sol/preview

chore: preview -> narai

app/[locale]/product/[handle]/page.tsx

@@ -117,6 +117,7 @@ export default async function ProductPage({
               height={product.featuredImage.height}
               width={product.featuredImage.width}
               className="h-full w-full object-cover"
+              priority={true}
             />
           </div>
 

app/[locale]/stories/[handle]/page.tsx

@@ -80,6 +80,7 @@ export default async function BlogArticlePage({
                 height={article?.image.height}
                 width={article?.image.width}
                 className="h-full w-full object-cover"
+                priority={true}
               />
             </div>
           )}

components/cart/add-many-to-cart.tsx

@@ -73,7 +73,7 @@ export function AddManyToCart({
         </div>
       </div>
       <button
-        aria-label="Add items to cart"
+        aria-label="Add to cart"
         disabled={isPending || !availableForSale || !selectedVariantId}
         title={title}
         onClick={() => {

components/grid/homepage-products.tsx

@@ -72,7 +72,7 @@ export async function HomepageProducts({ lang }: { lang?: SupportedLocale }) {
     >
       <HomepageProductsItem item={firstProduct} priority={true} />
       <HomepageProductsItem item={secondProduct} priority={true} />
-      <HomepageProductsItem item={thirdProduct} />
+      <HomepageProductsItem item={thirdProduct} priority={true} />
     </section>
   );
 }

components/layout/footer.tsx

@@ -56,7 +56,11 @@ export default async function Footer({
         </div>
         <div className="w-full md:w-[40%]">
           <div className="flex w-full flex-row items-end space-x-12 pt-24 md:hidden">
-            <Link href="/" className="transition-opacity duration-150 hover:opacity-90">
+            <Link
+              href="/"
+              className="transition-opacity duration-150 hover:opacity-90"
+              aria-label="Go to homepage"
+            >
               <KanjiLogo className="h-64" />
             </Link>
             <div className="flex grow flex-col space-y-6 md:items-end">
@@ -72,10 +76,18 @@ export default async function Footer({
               </div>
               <div className="flex flex-row justify-between space-x-4">
                 <div className="flex flex-row items-center space-x-6">
-                  <Link href="https://www.instagram.com/suginomoribrewery/" className="group">
+                  <Link
+                    href="https://www.instagram.com/suginomoribrewery/"
+                    className="group"
+                    aria-label="Visit on Instagram"
+                  >
                     <InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
                   </Link>
-                  <Link href="https://www.facebook.com/suginomoribrewery" className="group">
+                  <Link
+                    href="https://www.facebook.com/suginomoribrewery"
+                    className="group"
+                    aria-label="Visit on Facebook"
+                  >
                     <FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
                   </Link>
                 </div>
@@ -105,6 +117,7 @@ export default async function Footer({
                     className="group"
                     rel="noopener noreferrer"
                     target="_blank"
+                    aria-label="Visit on Instagram"
                   >
                     <InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
                   </Link>
@@ -113,6 +126,7 @@ export default async function Footer({
                     className="group"
                     rel="noopener noreferrer"
                     target="_blank"
+                    aria-label="Visit on Facebook"
                   >
                     <FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
                   </Link>

components/layout/menu/modal.tsx

@@ -26,6 +26,7 @@ export function MenuModal({ scrolled }: { scrolled: boolean }) {
         type="button"
         onClick={() => setIsOpen(true)}
         className="transition-all ease-in-out hover:scale-110"
+        aria-label="Open menu"
       >
         <MenuIcon />
       </button>

components/layout/navbar/index.tsx

@@ -57,7 +57,11 @@ export default function Navbar({
         >
           <div className="mx-auto flex max-w-screen-xl flex-row items-start justify-between">
             <div className="px-6 py-2">
-              <Link href="/" className="transition-opacity duration-150 hover:opacity-90">
+              <Link
+                href="/"
+                className="transition-opacity duration-150 hover:opacity-90"
+                aria-label="Go to homepage"
+              >
                 <LogoNamemark className={clsx('w-[180px]', 'fill-current')} />
               </Link>
             </div>

components/layout/newsletter-footer.tsx

@@ -54,6 +54,7 @@ export default function NewsletterSignup() {
             type="text"
             name={`b_${process?.env?.NEXT_PUBLIC_MAILCHIMP_USER_ID}_${process?.env?.NEXT_PUBLIC_MAILCHIMP_LIST_ID}`}
             defaultValue=""
+            tabIndex={-1}
           />
         </div>
       </form>

components/layout/newsletter-signup.tsx

@@ -52,6 +52,7 @@ export default function NewsletterSignup() {
             type="text"
             name={`b_${process?.env?.NEXT_PUBLIC_MAILCHIMP_USER_ID}_${process?.env?.NEXT_PUBLIC_MAILCHIMP_LIST_ID}`}
             defaultValue=""
+            tabIndex={-1}
           />
         </div>
       </form>

components/layout/stories-detail.tsx

@@ -48,6 +48,7 @@ export default async function StoriesDetail({
                         'h-full w-full object-cover',
                         'transition duration-300 ease-in-out hover:scale-105'
                       )}
+                      priority={true}
                     />
                   )}
                 </div>

components/product/tasting-notes.tsx

@@ -27,6 +27,7 @@ export function ProductTastingNotes({ product }: { product: Product }) {
             width={imageWidth}
             height={imageHeight}
             alt={imageAlt || imageUrl}
+            priority={true}
           />
         </div>
       )}