design: defer branding panel animations until splash screen splits open

This commit is contained in:
2026-06-25 05:56:22 +05:30
parent 06e8400fb6
commit 397ea6c1c2

View File

@@ -269,7 +269,7 @@ export const LoginPage: React.FC = () => {
{/* Top: Brand Header */} {/* Top: Brand Header */}
<motion.div <motion.div
initial={{ opacity: 0, y: -20 }} 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" }} transition={{ duration: 0.8, ease: "easeOut" }}
className="flex items-center z-10" className="flex items-center z-10"
> >
@@ -279,7 +279,7 @@ export const LoginPage: React.FC = () => {
{/* Middle: Feature list / value proposition */} {/* Middle: Feature list / value proposition */}
<motion.div <motion.div
initial="hidden" initial="hidden"
animate="visible" animate={splashState === 'fade-to-white' || splashState === 'done' ? "visible" : "hidden"}
variants={{ variants={{
hidden: { opacity: 0 }, hidden: { opacity: 0 },
visible: { visible: {