From d18e45ef18f32d7c4b1637815136b85fb886cbe4 Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Thu, 9 Jul 2026 15:29:13 +0530
Subject: [PATCH 1/2] fixed the header scrooling glitch and improved light mode
 colour  backgroun

---
 app/dashboard/page.tsx            | 25 +++++++------------------
 app/layout.tsx                    |  2 +-
 components/navbar.tsx             |  8 +++++---
 error_body.html                   |  0
 features/landing/hero.tsx         |  2 +-
 features/landing/universities.tsx |  6 +++---
 6 files changed, 17 insertions(+), 26 deletions(-)
 create mode 100644 error_body.html

diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 48962ca..9f2480c 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -9,23 +9,12 @@ export default function DashboardPage() {
     <div className="relative min-h-[90vh] w-full bg-background dark:bg-transparent pt-16 pb-12 animate-in fade-in duration-700 z-0">
       {/* Background Layers */}
       <div className="absolute inset-0 -z-10 overflow-hidden">
-        {/* Light Mode Wavy Refraction Background (Properly visible at the top) */}
-        <div
-          className="absolute inset-0 dark:hidden"
-          style={{
-            backgroundImage: `
-              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%234a6cf7' fill-opacity='0.10' d='M0,400 C320,500 420,300 720,400 C1020,500 1120,300 1440,400 L1440,0 L0,0 Z'/%3E%3Cpath fill='%236e8efb' fill-opacity='0.14' d='M0,500 C320,400 420,600 720,500 C1020,400 1120,600 1440,500 L1440,0 L0,0 Z'/%3E%3Cpath fill='%234a6cf7' fill-opacity='0.08' d='M0,600 C320,700 420,500 720,600 C1020,700 1120,500 1440,600 L1440,0 L0,0 Z'/%3E%3C/svg%3E"),
-              linear-gradient(to top, #f0f4ff, #ffffff)
-            `,
-            backgroundSize: "cover, auto",
-            backgroundPosition: "center, top",
-            backgroundRepeat: "no-repeat, no-repeat",
-            WebkitMaskImage:
-              "linear-gradient(to bottom, black 0%, black 50%, transparent 100%)",
-            maskImage:
-              "linear-gradient(to bottom, black 0%, black 50%, transparent 100%)",
-          }}
-        />
+        {/* Premium Light Mode Background - Soft & Clean */}
+        <div className="absolute inset-0 dark:hidden bg-[#FAFAFA] -z-10" />
+        <div className="absolute inset-0 dark:hidden pointer-events-none -z-10">
+          <div className="absolute -top-[10%] -left-[5%] h-[600px] w-[600px] rounded-full bg-gradient-to-tr from-blue-400/15 via-indigo-500/10 to-transparent blur-[120px]" />
+          <div className="absolute top-[20%] -right-[10%] h-[700px] w-[700px] rounded-full bg-gradient-to-bl from-cyan-400/15 via-blue-500/10 to-transparent blur-[120px]" />
+        </div>
       </div>
 
       {/* Top Section Divider for visual separation from Universities */}
@@ -34,7 +23,7 @@ export default function DashboardPage() {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="flex flex-col gap-8">
           {/* 1. Premium Welcome Banner (Full Width) */}
-          <div className="relative w-full overflow-hidden rounded-[24px] border border-blue-100/50 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 dark:border-blue-400/15 dark:bg-slate-900/60 dark:bg-gradient-to-b dark:from-white/[0.02] dark:to-transparent backdrop-blur-2xl p-8 shadow-sm dark:shadow-[0_8px_32px_0_rgba(0,0,0,0.2)] group transition-all duration-300 dark:hover:border-blue-400/30">
+          <div className="relative w-full overflow-hidden rounded-[24px] border border-slate-200/60 bg-white/80 dark:border-blue-400/15 dark:bg-slate-900/60 dark:bg-gradient-to-b dark:from-white/[0.02] dark:to-transparent backdrop-blur-xl p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_32px_0_rgba(0,0,0,0.2)] group transition-all duration-300 dark:hover:border-blue-400/30">
             {/* Ambient Background Glow (Dark Mode only) */}
             <div className="hidden dark:block absolute inset-0 -z-10 opacity-[0.12] transition-opacity duration-500 group-hover:opacity-[0.24]">
               <div className="absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 h-[300px] w-[500px] rounded-full bg-cyan-500/24 blur-[100px]" />
diff --git a/app/layout.tsx b/app/layout.tsx
index 63aa535..a28e002 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -110,7 +110,7 @@ export default function RootLayout({
   return (
     <html lang="en" className="dark overflow-y-scroll" suppressHydrationWarning>
       <body
-        className="flex min-h-[100dvh] flex-col overflow-x-hidden"
+        className="flex min-h-[100dvh] flex-col"
         suppressHydrationWarning
       >
         <ThemeProvider
diff --git a/components/navbar.tsx b/components/navbar.tsx
index da1129c..89793ae 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -221,14 +221,16 @@ export default function Navbar() {
 
   return (
     <header
-      className={`sticky top-0 z-50 transition-all duration-500 border-b border-black/10 dark:border-white/10 relative overflow-hidden ${
+      className={`sticky top-0 z-50 transition-all duration-500 border-b border-black/10 dark:border-white/10 ${
         scrolled
           ? "bg-[#0D33A6]/85 dark:bg-[#0D33A6]/75 shadow-[0_8px_30px_rgb(0,0,0,0.12)] backdrop-blur-xl supports-[backdrop-filter]:bg-[#0D33A6]/70 dark:supports-[backdrop-filter]:bg-[#0D33A6]/50"
           : "bg-[linear-gradient(90deg,#0E1736_0%,#081E6E_25%,#0D33A6_50%,#1153C4_75%,#006BDE_100%)]"
       }`}
     >
-      {/* glow */}
-      <div className="absolute -top-20 left-[55%] w-72 h-72 rounded-full bg-blue-500/30 blur-[60px] pointer-events-none" />
+      {/* glow background container */}
+      <div className="absolute inset-0 overflow-hidden pointer-events-none">
+        <div className="absolute -top-20 left-[55%] w-72 h-72 rounded-full bg-blue-500/30 blur-[60px]" />
+      </div>
 
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="relative flex h-16 items-center justify-between gap-6 md:h-[72px]">
diff --git a/error_body.html b/error_body.html
new file mode 100644
index 0000000..e69de29
diff --git a/features/landing/hero.tsx b/features/landing/hero.tsx
index 58c30dc..795d95c 100644
--- a/features/landing/hero.tsx
+++ b/features/landing/hero.tsx
@@ -88,7 +88,7 @@ export default function Hero() {
         {/* Light Mode: Base gradient */}
         <div className="absolute inset-0 bg-gradient-to-b from-[#FCFCFE] via-[#F8FAFC] to-white dark:hidden" />
 
-        {/* Light Mode: Refined Gradient Blobs */}
+        {/* Light Mode: Refined Gradient Blobs (Forcing Hot Reload to clear Hydration mismatch) */}
         <div className="absolute inset-0 dark:hidden pointer-events-none">
           <div className="absolute top-[-10%] left-[-5%] h-[800px] w-[800px] -rotate-12 rounded-full bg-gradient-to-tr from-cyan-400/15 via-blue-500/10 to-transparent blur-[120px]" />
           <div className="absolute top-[10%] right-[-10%] h-[800px] w-[800px] rotate-12 rounded-full bg-gradient-to-bl from-fuchsia-400/15 via-purple-500/10 to-transparent blur-[120px]" />
diff --git a/features/landing/universities.tsx b/features/landing/universities.tsx
index da6e1e4..182d1c8 100644
--- a/features/landing/universities.tsx
+++ b/features/landing/universities.tsx
@@ -64,15 +64,15 @@ export default function Universities() {
   });
 
   return (
-    <section className="relative flex flex-col justify-center overflow-hidden border-none bg-background pt-12 pb-16 md:pt-16 md:pb-20">
-      {/* Background Layers */}
+    <section className="relative z-0 flex flex-col justify-center overflow-hidden border-none bg-background pt-12 pb-16 md:pt-16 md:pb-20">
+      {/* Background Layers - Restored Wavy Effect */}
       <div className="absolute inset-0 -z-10 overflow-hidden">
         {/* Light Mode Wavy Refraction Background - Centered with edge fade */}
         <div
           className="absolute inset-0 dark:hidden"
           style={{
             backgroundImage: `
-              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%234a6cf7' fill-opacity='0.10' d='M0,400 C320,500 420,300 720,400 C1020,500 1120,300 1440,400 L1440,0 L0,0 Z'/%3E%3Cpath fill='%236e8efb' fill-opacity='0.14' d='M0,500 C320,400 420,600 720,500 C1020,400 1120,600 1440,500 L1440,0 L0,0 Z'/%3E%3Cpath fill='%234a6cf7' fill-opacity='0.08' d='M0,600 C320,700 420,500 720,600 C1020,700 1120,500 1440,600 L1440,0 L0,0 Z'/%3E%3C/svg%3E"),
+              url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%234a6cf7' fill-opacity='0.05' d='M0,400 C320,500 420,300 720,400 C1020,500 1120,300 1440,400 L1440,0 L0,0 Z'/%3E%3Cpath fill='%236e8efb' fill-opacity='0.09' d='M0,500 C320,400 420,600 720,500 C1020,400 1120,600 1440,500 L1440,0 L0,0 Z'/%3E%3Cpath fill='%234a6cf7' fill-opacity='0.03' d='M0,600 C320,700 420,500 720,600 C1020,700 1120,500 1440,600 L1440,0 L0,0 Z'/%3E%3C/svg%3E"),
               linear-gradient(to top, #f0f4ff, #ffffff)
             `,
             backgroundSize: "cover, auto",

From 9f30bfa0021a6ac51e63b1267244d774dfffcf18 Mon Sep 17 00:00:00 2001
From: nitin mohan <mohannitin494@gmail.com>
Date: Thu, 9 Jul 2026 15:29:55 +0530
Subject: [PATCH 2/2] format

---
 app/layout.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index a28e002..15182d8 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -109,10 +109,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" className="dark overflow-y-scroll" suppressHydrationWarning>
-      <body
-        className="flex min-h-[100dvh] flex-col"
-        suppressHydrationWarning
-      >
+      <body className="flex min-h-[100dvh] flex-col" suppressHydrationWarning>
         <ThemeProvider
           attribute="class"
           defaultTheme="dark"