mirror of
https://github.com/vercel/commerce.git
synced 2025-07-24 10:41:23 +00:00
wip: Footer complete
This commit is contained in:
BIN
app/[locale]/images/home-image-002.webp
Normal file
BIN
app/[locale]/images/home-image-002.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 MiB |
BIN
app/[locale]/images/home-image-003.webp
Normal file
BIN
app/[locale]/images/home-image-003.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.6 MiB |
@@ -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'
|
||||
});
|
||||
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
);
|
||||
}
|
||||
|
Reference in New Issue
Block a user