Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Coffee, MapPin, Mail, Phone, Instagram, Facebook, Twitter } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -134,28 +135,29 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
-            tag="Get in Touch"
-            title="Ready for a Coffee?"
-            description="Drop us a message or stop by the cafe for a visit."
+          <ContactCenter
+            tag="Contact Us"
+            title="We'd Love to Hear From You"
+            description="Whether it's a booking or a simple question, our team is here for you."
             background={{ variant: "plain" }}
-            mediaPosition="right"
-            imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
+            inputPlaceholder="your@email.com"
+            buttonText="Send Message"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              { title: "Cafe", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
-              { title: "Contact", items: [{ label: "Location", href: "#" }, { label: "Support", href: "#" }] }
+          <FooterCard
+            logoText="Cafe Classic"
+            copyrightText="© 2025 Cafe Classic"
+            socialLinks={[
+                { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+                { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+                { icon: Twitter, href: "#", ariaLabel: "Twitter" }
             ]}
-            bottomLeftText="© 2024 Cafe Classic"
-            bottomRightText="All rights reserved."
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}