Update src/app/page.tsx

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { motion } from "framer-motion";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
@@ -27,7 +28,11 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <motion.div 
+    id="nav" 
+    data-section="nav"
+    style={{ y: "0%" }}
+  >
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
@@ -41,7 +46,7 @@ export default function LandingPage() {
       ]}
       brandName="Talentos"
     />
-  </div>
+  </motion.div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
@@ -209,7 +214,11 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="footer" data-section="footer">
+  <motion.div 
+    id="footer" 
+    data-section="footer"
+    style={{ y: "0%" }}
+  >
       <FooterBaseCard
       logoText="Talentos Beach Resort"
       columns={[
@@ -239,7 +248,7 @@ export default function LandingPage() {
         },
       ]}
     />
-  </div>
+  </motion.div>
       </ReactLenis>
     </ThemeProvider>
   );