Index: src/app/globals.css =================================================================== --- src/app/globals.css (revision 65f7b64a4488d0ab35cde03686d8f46e2980d28e) +++ src/app/globals.css (revision 65f7b64a4488d0ab35cde03686d8f46e2980d28e) @@ -0,0 +1,26 @@ +@import "tailwindcss"; + +:root { + --background: #ffffff; + --foreground: #171717; +} + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --font-sans: var(--font-geist-sans); + --font-mono: var(--font-geist-mono); +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #0a0a0a; + --foreground: #ededed; + } +} + +body { + background: var(--background); + color: var(--foreground); + font-family: Arial, Helvetica, sans-serif; +} Index: src/app/layout.tsx =================================================================== --- src/app/layout.tsx (revision 65f7b64a4488d0ab35cde03686d8f46e2980d28e) +++ src/app/layout.tsx (revision 65f7b64a4488d0ab35cde03686d8f46e2980d28e) @@ -0,0 +1,34 @@ +import type { Metadata } from "next"; +import { Geist, Geist_Mono } from "next/font/google"; +import "./globals.css"; + +const geistSans = Geist({ + variable: "--font-geist-sans", + subsets: ["latin"], +}); + +const geistMono = Geist_Mono({ + variable: "--font-geist-mono", + subsets: ["latin"], +}); + +export const metadata: Metadata = { + title: "Create Next App", + description: "Generated by create next app", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + {children} + + + ); +} Index: src/app/page.tsx =================================================================== --- src/app/page.tsx (revision 65f7b64a4488d0ab35cde03686d8f46e2980d28e) +++ src/app/page.tsx (revision 65f7b64a4488d0ab35cde03686d8f46e2980d28e) @@ -0,0 +1,103 @@ +import Image from "next/image"; + +export default function Home() { + return ( +
+
+ Next.js logo +
    +
  1. + Get started by editing{" "} + + src/app/page.tsx + + . +
    2. +
  2. + Save and see your changes instantly. +
    3. +
+ +
+ + Vercel logomark + Deploy now + + + Read our docs + +
+
+ +
+ ); +}