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

top section complete

Browse Source
This commit is contained in:
Sol Irvine
2023-08-13 13:39:20 +09:00
parent 7dfc481d40
commit d4ea4ac8d2
23 changed files with 185 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/layout.tsx
View File

@@ -37,11 +37,13 @@ const inter = Inter({
export default async function RootLayout({ children }: { children: ReactNode }) {
return (
<html lang="en" className={inter.variable}>
<body className="bg-neutral-50 text-black selection:bg-teal-300 dark:bg-neutral-900 dark:text-white dark:selection:bg-pink-500 dark:selection:text-white">
<Navbar />
<Suspense>
<main>{children}</main>
</Suspense>
<body className="bg-dark text-white selection:bg-green-800 selection:text-green-400">
<div className="mx-auto max-w-screen-2xl">
<Navbar />
<Suspense>
<main>{children}</main>
</Suspense>
</div>
</body>
</html>
);

5
app/page.tsx
View File

@@ -1,6 +1,8 @@
import { Carousel } from 'components/carousel';
import { ThreeItemGrid } from 'components/grid/three-items';
import Footer from 'components/layout/footer';
import Image from 'next/image';
import Namemark from 'public/assets/images/namemark.png';
import { Suspense } from 'react';
export const runtime = 'edge';
@@ -15,6 +17,9 @@ export const metadata = {
export default async function HomePage() {
return (
<>
<div className="px-12 pb-12">
<Image src={Namemark} alt="narai by suginomori brewery" />
</div>
<ThreeItemGrid />
<Suspense>
<Carousel />