From 2d9acb1b652083175375dcb75a34c31573055ffd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 23:24:47 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7b033b9..55ad2d2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,25 +11,25 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Award, Shield } from 'lucide-react';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useRef } from 'react';
 
 export default function LandingPage() {
   const [isScrolled, setIsScrolled] = useState(false);
-  const [heroHeight, setHeroHeight] = useState(0);
+  const heroHeightRef = useRef(0);
 
   useEffect(() => {
-    const handleScroll = () => {
-      setIsScrolled(window.scrollY > heroHeight);
-    };
-
     const heroElement = document.getElementById('hero');
     if (heroElement) {
-      setHeroHeight(heroElement.offsetHeight);
+      heroHeightRef.current = heroElement.offsetHeight;
     }
 
+    const handleScroll = () => {
+      setIsScrolled(window.scrollY > heroHeightRef.current);
+    };
+
     window.addEventListener('scroll', handleScroll);
     return () => window.removeEventListener('scroll', handleScroll);
-  }, [heroHeight]);
+  }, []);
 
   return (
     <ThemeProvider