crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-24 10:41:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Newsletter signup

Browse Source
This commit is contained in:
Sol Irvine
2023-08-17 09:27:43 +09:00
parent 0580deda76
commit 9decd30d41
9 changed files with 102 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/[lang]/layout.tsx
View File

@@ -1,5 +1,6 @@
import Navbar from 'components/layout/navbar';
import { Locale, i18n } from 'i18n-config';
import { Noto_Sans_JP } from 'next/font/google';
import localFont from 'next/font/local';
import { ReactNode, Suspense } from 'react';
@@ -55,6 +56,13 @@ const alpina = localFont({
variable: '--font-alpina'
});
const noto = Noto_Sans_JP({
subsets: ['latin'],
display: 'swap',
weight: ['300', '600'],
variable: '--font-noto'
});
const mincho = localFont({
src: '../fonts/A-OTF-A1MinchoStd-Bold.otf',
display: 'swap',
@@ -75,7 +83,7 @@ export default async function RootLayout({
const dictionary = await getDictionary(params?.lang);
return (
<html lang={params.lang} className={`${cinzel.variable} ${alpina.variable} ${mincho.variable}`}>
<html lang={params.lang} className={`${cinzel.variable} ${alpina.variable} ${noto.variable}`}>
<body className="bg-dark text-white selection:bg-green-800 selection:text-green-400">
<div className="mx-auto max-w-screen-2xl">
<LanguageProvider language={params.lang as Locale} dictionary={dictionary}>

4
app/[lang]/page.tsx
View File

@@ -5,6 +5,7 @@ import { LanguageControl } from 'components/layout/navbar/language-control';
import type { Locale } from '../../i18n-config';
import LogoNamemark from 'components/icons/namemark';
import NewsletterSignup from 'components/layout/newsletter-signup';
import { Suspense } from 'react';
export const runtime = 'edge';
@@ -28,6 +29,9 @@ export default async function HomePage({ params: { lang } }: { params: { lang: L
<LogoNamemark className="w-[260px] fill-current md:w-[600px]" />
</div>
<ThreeItemGrid lang={lang} />
<div className="py-24">
<NewsletterSignup />
</div>
<Suspense>
<Carousel />
<Suspense>