diff --git a/src/app/page.tsx b/src/app/page.tsx index 19e0404..dc8f067 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,7 +2,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import { useState, useEffect } from "react"; +import { useState, useEffect, useRef } from "react"; import ContactSplit from '@/components/sections/contact/ContactSplit'; import FeatureBento from '@/components/sections/feature/FeatureBento'; import FooterCard from '@/components/sections/footer/FooterCard'; @@ -14,18 +14,22 @@ import { Award, Shield } from "lucide-react"; export default function LandingPage() { const [lang, setLang] = useState('en'); + const isInitialMount = useRef(true); useEffect(() => { - const saved = localStorage.getItem('lang') || 'en'; - if (saved !== lang) { - setLang(saved); + if (isInitialMount.current) { + const saved = localStorage.getItem('lang') || 'en'; + if (saved !== lang) { + setLang(saved); + } + isInitialMount.current = false; + } else { + localStorage.setItem('lang', lang); } }, [lang]); const toggleLang = () => { - const next = lang === 'en' ? 'es' : 'en'; - setLang(next); - localStorage.setItem('lang', next); + setLang(prev => prev === 'en' ? 'es' : 'en'); }; const t = {