wip: Footer complete

app/[locale]/layout.tsx

@@ -59,7 +59,7 @@ const alpina = localFont({
 const noto = Noto_Serif_JP({
   subsets: ['latin'],
   display: 'swap',
-  weight: ['300', '600'],
+  weight: ['200', '400', '600'],
   variable: '--font-noto'
 });
 

app/[locale]/page.tsx

@@ -10,6 +10,7 @@ import Shoplist from 'components/layout/shoplist';
 import Image from 'next/image';
 import { Suspense } from 'react';
 import HomeImage001 from './images/home-image-001.webp';
+import HomeImage002 from './images/home-image-002.webp';
 
 export const runtime = 'edge';
 const { SITE_NAME } = process.env;
@@ -42,6 +43,7 @@ export default async function HomePage({
       <div className="relative max-w-screen-2xl">
         <Image
           src={HomeImage001}
+          priority={true}
           alt="A picture of Narai Black bottle in a mossy creek."
           className={clsx('h-full w-full object-cover')}
         />
@@ -49,6 +51,14 @@ export default async function HomePage({
       <div className="py-24">
         <Shoplist />
       </div>
+      <div className="max-w-screen-4xl relative">
+        <Image
+          src={HomeImage002}
+          priority={true}
+          alt="A picture of tree tops."
+          className={clsx('h-full w-full object-cover')}
+        />
+      </div>
       <Suspense>
         <Carousel />
         <Suspense>

app/[locale]/shop-list/page.tsx

@@ -37,13 +37,13 @@ export default async function Page({ params }: { params: { locale?: SupportedLoc
   if (!page) return notFound();
 
   return (
-    <div className="font-multilingual min-h-screen px-4 text-white">
+    <div className="font-multilingual mx-auto min-h-screen max-w-screen-2xl px-4 text-white">
       <div className="pb-12">
         <LogoNamemark className="w-[260px] fill-current md:w-[320px]" />
       </div>
       <ShopsTitle />
       <h2 className="mb-8 text-3xl font-medium">{page.title}</h2>
-      <Prose className="mb-8" html={page.body as string} />
+      <Prose className="mx-auto mb-8 max-w-xl" html={page.body as string} />
     </div>
   );
 }