feat(core): add theme provider and dots pattern background

2026-04-13 23:30:12 +02:00
parent 1922053565
commit a90cf0561f
10 changed files with 7934 additions and 130 deletions
@@ -2,6 +2,8 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono, Inter } from "next/font/google";
 import "./globals.css";
 import { cn } from "@/lib/utils";
+import { ThemeProvider } from "../components/theme-provider";
+import BackgroundEffects from "../components/custom/background-effects";

 const inter = Inter({subsets:['latin'],variable:'--font-sans'});

@@ -16,8 +18,8 @@ const geistMono = Geist_Mono({
 });

 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "byHaider.",
+  description: "Softwareentwickler deines Vertrauens.",
 };

 export default function RootLayout({
@@ -27,10 +29,23 @@ export default function RootLayout({
 }>) {
  return (
    <html
-      lang="en"
+      lang="en" suppressHydrationWarning
      className={cn("h-full", "antialiased", geistSans.variable, geistMono.variable, "font-sans", inter.variable)}
    >
-      <body className="min-h-full flex flex-col">{children}</body>
+      <body className="min-h-screen">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+        >
+          <div className="relative isolate min-h-screen">
+            <BackgroundEffects />
+            <div className="relative z-10">
+              {children}
+            </div>
+          </div>
+        </ThemeProvider>
+      </body>
    </html>
  );
 }