Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Mail, Phone, MapPin, Globe } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -165,24 +166,30 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactText
-            useInvertedBackground={false}
+          <ContactSplit
+            tag="Get In Touch"
+            title="Ready to transform your operations?"
+            description="Our team is standing by to help you unlock new potential along the coast and beyond. Start your journey with Tres Mares today."
             background={{ variant: "sparkles-gradient" }}
-            text="Ready to scale your business with Tres Mares Argentina? Let's talk."
-            buttons={[{ text: "Contact Us Now", href: "#" }]}
+            buttonText="Get Started"
+            imageSrc="http://img.b2bpic.net/free-photo/modern-office-building-skyline_1234-5678.jpg"
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseCard
+          <FooterCard
             logoText="Tres Mares Argentina"
-            columns={[
-              { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
-              { title: "Company", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Contact", href: "#contact" }] },
+            copyrightText="© 2025 Tres Mares Argentina. All rights reserved."
+            socialLinks={[
+                { icon: Globe, href: "#", ariaLabel: "Website" },
+                { icon: Mail, href: "mailto:contact@tresmares.ar", ariaLabel: "Email" },
+                { icon: Phone, href: "tel:+541100000000", ariaLabel: "Phone" },
+                { icon: MapPin, href: "#", ariaLabel: "Location" }
             ]}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}