Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -104,7 +104,7 @@ export default function LandingPage() {
             imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg?_wi=2",            imageAlt: "Fresh pastries"},
           phoneTwo: {
             imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg?_wi=2",            imageAlt: "Coffee and cake"}
-        },
+        }
       ]}
       showStepNumbers={false}
       title="Exquisite Offerings"
@@ -134,42 +134,45 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
       tag="Connect"
       title="Reserve Your Sanctuary"
-      description="We are open daily from 8:00 AM to 10:00 PM. Located in the heart of the city, we invite you to experience our hospitality. Book a table or drop by for a visit."
+      description="Book a table or reach out to us for private event inquiries."
-      buttons={[
+      imageSrc="http://img.b2bpic.net/free-photo/couple-embracing-each-other-while-outdoors-night_23-2149215095.jpg"
-        {
+      mediaAnimation="opacity"
-          text: "Make a Reservation",          href: "#"
+      inputPlaceholder="Your email address"
-        }
+      buttonText="Inquire Now"
-      ]}
-      background={{
-        variant: "plain"
-      }}
-      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterLogoEmphasis
       columns={[
         {
-          title: "Navigation",          items: [
+          items: [
-            { label: "Home", href: "#home" },
+            {
-            { label: "About", href: "#about" },
+              label: "About",              href: "#about"},
-            { label: "Menu", href: "#features" },
+            {
+              label: "Menu",              href: "#features"},
           ],
         },
         {
-          title: "Support",          items: [
+          items: [
-            { label: "Privacy Policy", href: "#" },
+            {
-            { label: "Terms of Service", href: "#" },
+              label: "Privacy",              href: "#"},
+            {
+              label: "Terms",              href: "#"},
           ],
         },
         {
-          title: "Social",          items: [
+          items: [
-            { label: "Instagram", href: "#" },
+            {
-            { label: "Facebook", href: "#" },
+              label: "Instagram",              href: "#"},
+            {
+              label: "Facebook",              href: "#"},
           ],
         },
       ]}
@@ -179,4 +182,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}