diff --git a/app/[locale]/images/home-image-002.webp b/app/[locale]/images/home-image-002.webp new file mode 100644 index 000000000..946ee9b7f Binary files /dev/null and b/app/[locale]/images/home-image-002.webp differ diff --git a/app/[locale]/images/home-image-003.webp b/app/[locale]/images/home-image-003.webp new file mode 100644 index 000000000..504355f08 Binary files /dev/null and b/app/[locale]/images/home-image-003.webp differ diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx index 8d0736f5c..78cac8508 100644 --- a/app/[locale]/layout.tsx +++ b/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' }); diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx index 81f4d5f0f..d5ec2b7d0 100644 --- a/app/[locale]/page.tsx +++ b/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({
A picture of Narai Black bottle in a mossy creek. @@ -49,6 +51,14 @@ export default async function HomePage({
+
+ A picture of tree tops. +
diff --git a/app/[locale]/shop-list/page.tsx b/app/[locale]/shop-list/page.tsx index 99d7c8f2d..c49b0f5ed 100644 --- a/app/[locale]/shop-list/page.tsx +++ b/app/[locale]/shop-list/page.tsx @@ -37,13 +37,13 @@ export default async function Page({ params }: { params: { locale?: SupportedLoc if (!page) return notFound(); return ( -
+

{page.title}

- +
); } diff --git a/components/grid/three-items.tsx b/components/grid/three-items.tsx index ba4c02fa5..f55a3de6b 100644 --- a/components/grid/three-items.tsx +++ b/components/grid/three-items.tsx @@ -29,7 +29,7 @@ function ThreeItemGridItem({ item, priority }: { item: Product; priority?: boole currencyCode={item.priceRange.maxVariantPrice.currencyCode} size={size?.value} /> -
{item?.summary?.value}
+
{item?.summary?.value}
); diff --git a/components/icons/facebook.tsx b/components/icons/facebook.tsx new file mode 100644 index 000000000..4a20aef2d --- /dev/null +++ b/components/icons/facebook.tsx @@ -0,0 +1,15 @@ +import clsx from 'clsx'; + +export default function FacebookIcon(props: React.ComponentProps<'svg'>) { + return ( + + + + ); +} diff --git a/components/icons/instagram.tsx b/components/icons/instagram.tsx new file mode 100644 index 000000000..ccf5695e1 --- /dev/null +++ b/components/icons/instagram.tsx @@ -0,0 +1,26 @@ +import clsx from 'clsx'; + +export default function InstagramIcon(props: React.ComponentProps<'svg'>) { + return ( + + + + + + ); +} diff --git a/components/icons/kanji.tsx b/components/icons/kanji.tsx new file mode 100644 index 000000000..22b108cfd --- /dev/null +++ b/components/icons/kanji.tsx @@ -0,0 +1,315 @@ +import clsx from 'clsx'; + +export default function KanjiLogo(props: React.ComponentProps<'svg'>) { + return ( + + + + + + + + + + ); +} diff --git a/components/icons/logo.tsx b/components/icons/logo.tsx index c522e9227..40b419124 100644 --- a/components/icons/logo.tsx +++ b/components/icons/logo.tsx @@ -1,6 +1,6 @@ import clsx from 'clsx'; -export default function LogoIcon(props: React.ComponentProps<'svg'>) { +export default function Logo(props: React.ComponentProps<'svg'>) { return (
{t('menu.title')}
-