From 5ede1df9700f1958deac75d8c18df1d288853260 Mon Sep 17 00:00:00 2001
From: ectasy663 <namansingh4680@gmail.com>
Date: Tue, 7 Jul 2026 15:08:43 +0530
Subject: [PATCH] Fix: Revert page/layout logos to support correct light/dark
 switching and fix login hydration mismatch

---
 src/app/dashboard/layout.tsx | 11 ++++++++++-
 src/app/login/page.tsx       |  2 ++
 src/app/page.tsx             |  6 +++++-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
index 3a4c638..bd25c05 100644
--- a/src/app/dashboard/layout.tsx
+++ b/src/app/dashboard/layout.tsx
@@ -41,7 +41,16 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
       <aside className="w-64 border-r border-border bg-background flex flex-col hidden md:flex">
         <div className="px-6 py-5">
           <Link href="/dashboard" className="block relative h-14 w-full hover:opacity-90 transition-opacity">
-            <div className="absolute inset-0">
+            <div className="absolute inset-0 dark:hidden">
+              <Image 
+                src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" 
+                alt="PragatiVeer" 
+                fill
+                className="object-contain object-left scale-110 origin-left"
+                priority
+              />
+            </div>
+            <div className="absolute inset-0 hidden dark:block">
               <Image 
                 src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" 
                 alt="PragatiVeer" 
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index f3bde61..993bb4f 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -42,6 +42,7 @@ export default function LoginPage() {
                   type="email" 
                   defaultValue="demo@pragativeer.com"
                   placeholder="student@example.com" 
+                  suppressHydrationWarning
                   className="w-full bg-background border border-border rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] focus:border-transparent transition-all"
                 />
               </div>
@@ -55,6 +56,7 @@ export default function LoginPage() {
                     type={showPassword ? "text" : "password"} 
                     defaultValue="pragativeer2026"
                     placeholder="••••••••" 
+                    suppressHydrationWarning
                     className="w-full bg-background border border-border rounded-xl px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-[#00F0FF] focus:border-transparent transition-all pr-10"
                   />
                   <button 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b0dafdb..28a88e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -63,9 +63,13 @@ export default function MarketingPage() {
       <nav className="fixed top-0 w-full z-50 bg-background/50 backdrop-blur-xl border-b border-border/50">
         <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
           <Link href="/" className="relative h-14 w-60 hover:opacity-90 transition-opacity block">
+            <Image 
+              src="/PragatiVeer_Logo/SVG_Logos/Rectangular_light_background.svg" 
+              alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left dark:hidden" priority
+            />
             <Image 
               src="/PragatiVeer_Logo/SVG_Logos/Rectangular_dark_background.svg" 
-              alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left" priority
+              alt="PragatiVeer" fill className="object-contain object-left scale-135 origin-left hidden dark:block" priority
             />
           </Link>
           <div className="hidden md:flex items-center gap-8 text-sm font-medium text-muted-foreground">