diff --git a/app/[lang]/images/home-image-001.webp b/app/[lang]/images/home-image-001.webp new file mode 100644 index 000000000..31202251f Binary files /dev/null and b/app/[lang]/images/home-image-001.webp differ diff --git a/app/[lang]/layout.tsx b/app/[lang]/layout.tsx index f34a0c732..b4b4eefe0 100644 --- a/app/[lang]/layout.tsx +++ b/app/[lang]/layout.tsx @@ -86,7 +86,7 @@ export default async function RootLayout({
- +
{children}
diff --git a/app/[lang]/page.tsx b/app/[lang]/page.tsx index 45bf0e38f..7ac3dc59d 100644 --- a/app/[lang]/page.tsx +++ b/app/[lang]/page.tsx @@ -4,9 +4,13 @@ import Footer from 'components/layout/footer'; import { LanguageControl } from 'components/layout/navbar/language-control'; import type { Locale } from '../../i18n-config'; +import clsx from 'clsx'; import LogoNamemark from 'components/icons/namemark'; import NewsletterSignup from 'components/layout/newsletter-signup'; +import Shoplist from 'components/layout/shoplist'; +import Image from 'next/image'; import { Suspense } from 'react'; +import HomeImage001 from './images/home-image-001.webp'; export const runtime = 'edge'; const { SITE_NAME } = process.env; @@ -29,9 +33,19 @@ export default async function HomePage({ params: { lang } }: { params: { lang: L
-
+
+
+ A picture of Narai Black bottle in a mossy creek. +
+
+ +
diff --git a/app/context/language-context.tsx b/app/context/language-context.tsx index fd80929d7..628390568 100644 --- a/app/context/language-context.tsx +++ b/app/context/language-context.tsx @@ -4,6 +4,7 @@ import { Locale } from 'i18n-config'; import { ReactNode, createContext, useContext, useState } from 'react'; interface IContextProps { + currentLocale?: Locale; currentLanguage?: Locale; setCurrentLanguage: (language: Locale) => void; currentDictionary?: any; @@ -12,20 +13,22 @@ interface IContextProps { export const LanguageContext = createContext({} as IContextProps); export function LanguageProvider({ - language, + locale, dictionary, children }: { - language: Locale; + locale: Locale; dictionary?: any; children: ReactNode | ReactNode[] | string; }) { - const [currentLanguage, setCurrentLanguage] = useState(language || 'en'); + const [currentLocale, setCurrentLocale] = useState(locale || 'en'); + const [currentLanguage, setCurrentLanguage] = useState(locale || 'en'); const [currentDictionary] = useState(dictionary); return ( +
+

shop list

+

+ {currentDictionary?.shops?.title} +

+
+
+ +
{currentDictionary.shops.hokkaido}
+
+ +
+ + +
{currentDictionary.shops.kanto}
+
+ +
+ + +
{currentDictionary.shops.chubu}
+
+ +
+ + +
{currentDictionary.shops.kinki}
+
+ +
+ + +
{currentDictionary.shops.chugoku}
+
+ +
+ + +
{currentDictionary.shops.kyushu}
+
+ +
+ +
+
+ ); +} diff --git a/dictionaries/en.json b/dictionaries/en.json index c2f3b7eaf..5d7e963af 100644 --- a/dictionaries/en.json +++ b/dictionaries/en.json @@ -14,5 +14,14 @@ "description": "Subscribe to our newsletter to receive free shipping on your first order, and access to exclusive information regarding events and pairing dinners.", "placeholder": "Email", "button": "Notify me" + }, + "shops": { + "title": "", + "hokkaido": "Hokkaido / North", + "kanto": "Kanto", + "chubu": "Chubu", + "kinki": "Kinki", + "chugoku": "Chugoku", + "kyushu": "Kyushu" } } diff --git a/dictionaries/ja.json b/dictionaries/ja.json index 3d1205372..6e0f574f5 100644 --- a/dictionaries/ja.json +++ b/dictionaries/ja.json @@ -14,5 +14,14 @@ "description": "ニュースレターにご登録いただくと、初回送料無料クーポン、購読者限定の情報やペアリングディナーなどのご案内をお送りさせていただきます。", "placeholder": "メールアドレス", "button": "登録する" + }, + "shops": { + "title": "取り扱い店", + "hokkaido": "北海道・東北", + "kanto": "関東", + "chubu": "中部", + "kinki": "近畿", + "chugoku": "中国・四国", + "kyushu": "九州" } } diff --git a/tailwind.config.js b/tailwind.config.js index e4f88d5ae..82f5675a3 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,6 +7,7 @@ module.exports = { theme: { extend: { colors: { + subtle: '#606A5F', dark: '#212720' }, fontFamily: {