From 397ea6c1c262be11ff62a6671fe6f90682f33e00 Mon Sep 17 00:00:00 2001
From: Abiram070207 <abiram.r1010@gmail.com>
Date: Thu, 25 Jun 2026 05:56:22 +0530
Subject: [PATCH] design: defer branding panel animations until splash screen
 splits open

---
 frontend/src/pages/LoginPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/LoginPage.tsx b/frontend/src/pages/LoginPage.tsx
index 93aa1e6..bdb4d2d 100644
--- a/frontend/src/pages/LoginPage.tsx
+++ b/frontend/src/pages/LoginPage.tsx
@@ -269,7 +269,7 @@ export const LoginPage: React.FC = () => {
         {/* Top: Brand Header */}
         <motion.div 
           initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
+          animate={splashState === 'fade-to-white' || splashState === 'done' ? { opacity: 1, y: 0 } : { opacity: 0, y: -20 }}
           transition={{ duration: 0.8, ease: "easeOut" }}
           className="flex items-center z-10"
         >
@@ -279,7 +279,7 @@ export const LoginPage: React.FC = () => {
         {/* Middle: Feature list / value proposition */}
         <motion.div 
           initial="hidden"
-          animate="visible"
+          animate={splashState === 'fade-to-white' || splashState === 'done' ? "visible" : "hidden"}
           variants={{
             hidden: { opacity: 0 },
             visible: {