diff options
| author |   Biswa Kalyan Bhuyan <[email protected]>
| 2025-05-28 19:44:26 +0530 |
|---|---|---|
| committer | Biswa Kalyan Bhuyan <[email protected]>
| 2025-05-28 19:44:26 +0530 |
| commit | 5e3b37288d96277a6eacb7d6464760b63f72874a (patch) | |
| tree | a511f27f5bc9bc69e6ce30dbea16d7994494c837 /frontend/src/app/layout.tsx | |
| parent | 7b85f1e2c3717ddd9eee0e668e3b4d48139e2407 (diff) | |
| download | blcklst-5e3b37288d96277a6eacb7d6464760b63f72874a.tar.gz blcklst-5e3b37288d96277a6eacb7d6464760b63f72874a.tar.bz2 blcklst-5e3b37288d96277a6eacb7d6464760b63f72874a.zip | |
feat: improved UI and added dynamic theme toggle
- improved the nav bar components
- added the theme toggle button to toggle theme
- fixed the button background for the nav bar
- fixed the theme color issue to the ThemeToggle funtion
- added more vibrant colors
- fixed the theme logo render
Diffstat (limited to 'frontend/src/app/layout.tsx')
| -rw-r--r-- | frontend/src/app/layout.tsx | 29 |
1 files changed, 25 insertions, 4 deletions
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 50bb899..651acc8 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -1,9 +1,10 @@ import type { Metadata } from "next"; import "./globals.css"; import { Toaster } from "@/components/ui/sonner"; +import { ThemeProvider } from "@/components/theme-provider"; export const metadata: Metadata = { - title: "blcklst - Modern Fashion Brand", + title: "blcklst - not everyone get blcklsted", description: "not everyone gets blcklsted - discover carefully curated fashion pieces that define modern elegance.", }; @@ -13,16 +14,36 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - <html lang="en"> + <html lang="en" suppressHydrationWarning> <head> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> + {/* Preload both logo variants for instant theme switching */} + <link + rel="preload" + href="/black-logo.png" + as="image" + type="image/png" + /> + <link + rel="preload" + href="/white-logo.png" + as="image" + type="image/png" + /> </head> <body className="font-sans antialiased"> - {children} - <Toaster /> + <ThemeProvider + attribute="class" + defaultTheme="system" + enableSystem + disableTransitionOnChange + > + {children} + <Toaster /> + </ThemeProvider> </body> </html> ); |