From d66c54088a49526fe6353fbc476058b682d893cb Mon Sep 17 00:00:00 2001 From: Kismet Hasanaj Date: Sun, 3 May 2026 01:06:11 +0200 Subject: [PATCH] banner and intro fix --- app/globals.css | 8 ++++ app/layout.tsx | 29 +++++++++++++- app/page.tsx | 77 ++++++++++++++++++++++++++----------- components/CookieBanner.tsx | 24 ++++++++---- 4 files changed, 106 insertions(+), 32 deletions(-) diff --git a/app/globals.css b/app/globals.css index 87057292..e55a75d8 100644 --- a/app/globals.css +++ b/app/globals.css @@ -109,6 +109,10 @@ 3. Base styles — applied to plain HTML elements before any classes hit. --------------------------------------------------------------------------- */ @layer base { + html { + background: var(--bg); + } + html { scroll-behavior: smooth; } @@ -135,6 +139,10 @@ } } +html[data-ui-ready="0"] body { + opacity: 0; +} + /* --------------------------------------------------------------------------- 4. Site shell + ambient effects The .site-shell class is on the
element in page.tsx. The two diff --git a/app/layout.tsx b/app/layout.tsx index 79814b20..64e6e342 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -62,11 +62,36 @@ export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( - + + +