Basic layout finished

2025-06-28 22:47:00 +02:00
parent 26b034f6f0
commit ee79f75668
32 changed files with 3474 additions and 5 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,5 +1,9 @@
+import Footer from "@/components/global/Footer";
+import Header from "@/components/global/Header";
+import { ThemeProvider } from "@/components/global/ThemeProvider";
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
+import { Toaster } from "sonner";
 import "./globals.css";

 const geistSans = Geist({
@ -23,11 +27,29 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
      <body
        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
      >
-        {children}
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <div className="flex flex-col min-h-screen min-w-screen">
+            <header className="sticky top-0 z-50 h-14 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 px-4 py-2">
+              <Header />
+            </header>
+            <main className="container mx-auto px-4 py-8">
+              {children}
+            </main>
+            <footer className="mt-auto px-4 py-2 h-14 border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 ">
+              <Footer />
+            </footer>
+            <Toaster />
+          </div>
+        </ThemeProvider>
      </body>
    </html>
  );