Update src/app/page.tsx

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 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,45 +134,42 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
       tag="Connect"
       title="Reserve Your Sanctuary"
-      description="Book a table or reach out to us for private event inquiries."
+      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."
-      imageSrc="http://img.b2bpic.net/free-photo/couple-embracing-each-other-while-outdoors-night_23-2149215095.jpg"
+      buttons={[
-      mediaAnimation="opacity"
+        {
-      inputPlaceholder="Your email address"
+          text: "Make a Reservation",          href: "#"
-      buttonText="Inquire Now"
+        }
+      ]}
+      background={{
+        variant: "plain"
+      }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
       columns={[
         {
-          items: [
+          title: "Navigation",          items: [
-            {
+            { label: "Home", href: "#home" },
-              label: "About",              href: "#about"},
+            { label: "About", href: "#about" },
-            {
+            { label: "Menu", href: "#features" },
-              label: "Menu",              href: "#features"},
           ],
         },
         {
-          items: [
+          title: "Support",          items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy",              href: "#"},
+            { label: "Terms of Service", href: "#" },
-            {
-              label: "Terms",              href: "#"},
           ],
         },
         {
-          items: [
+          title: "Social",          items: [
-            {
+            { label: "Instagram", href: "#" },
-              label: "Instagram",              href: "#"},
+            { label: "Facebook", href: "#" },
-            {
-              label: "Facebook",              href: "#"},
           ],
         },
       ]}