create top page

Doer-org · Oct 29, 2023 · 95dbdce · 95dbdce
1 parent 38ad473
commit 95dbdce
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
@@ -1,12 +1,8 @@
 import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
+import { DelaGothic } from '../../font/font';
 import './globals.css';
 
-const inter = Inter({ subsets: ['latin'] });
-
-export const metadata: Metadata = {
-  title: 'Duck Stream',
-};
+export const metadata: Metadata = { title: 'Duck Stream' };
 
 export default function RootLayout({
   children,
@@ -15,7 +11,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang='en'>
-      <body className={inter.className}>{children}</body>
+      <body className={DelaGothic.className}>{children}</body>
     </html>
   );
 }
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
@@ -1,5 +1,12 @@
 export default function Home() {
   return (
-    <main className='flex min-h-screen flex-col items-center justify-between p-24'></main>
+    <main className='flex min-h-screen flex-col items-center justify-center gap-5 bg-secondary'>
+      <h1 className='font-bold text-4xl text-main stroke-black text-stroke'>
+        DUCK STREAM
+      </h1>
+      <a className='text-2xl hover:text-main' href='/draw'>
+        play
+      </a>
+    </main>
   );
 }