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';
@@ -16,31 +16,28 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "home"},
-          id: "home",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Private Cafe"
     />
@@ -49,19 +46,14 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroLogoBillboard
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       logoText="Private Cafe"
       description="An intimate sanctuary for connoisseurs of coffee and refined comfort. Experience tranquility in every cup."
       buttons={[
         {
-          text: "Reserve Table",
+          text: "Reserve Table",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Our Menu",
+          text: "Our Menu",          href: "#features"},
-          href: "#features",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/christmas-wreath-fir-tree-branches-vases-cups-all-around-modern-kitchen-modern-kitchen-with-black-fridge-decorated-christmas-new-year_132075-11268.jpg"
       imageAlt="Cafe interior view"
@@ -76,17 +68,11 @@ export default function LandingPage() {
       description="We believe in the art of the perfect brew, sourcing only the finest beans from sustainable farms to deliver an unparalleled experience."
       metrics={[
         {
-          value: "10+",
+          value: "10+",          title: "Artisan Blends"},
-          title: "Artisan Blends",
-        },
         {
-          value: "5",
+          value: "5",          title: "Private Rooms"},
-          title: "Private Rooms",
-        },
         {
-          value: "24/7",
+          value: "24/7",          title: "Comfort"},
-          title: "Comfort",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-male-barista-with-tattoos-using-coffee-machine-work_23-2149052849.jpg"
       imageAlt="Barista making coffee"
@@ -102,46 +88,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Artisanal Brews",
+          title: "Artisanal Brews",          description: "Hand-picked beans roasted to perfection for the ultimate coffee experience.",          phoneOne: {
-          description: "Hand-picked beans roasted to perfection for the ultimate coffee experience.",
+            imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg?_wi=1",            imageAlt: "Coffee selection"},
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg",
-            imageAlt: "Coffee selection",
-          },
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg",
+            imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg?_wi=1",            imageAlt: "Cafe table"}
-            imageAlt: "Cafe table",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/christmas-wreath-fir-tree-branches-vases-cups-all-around-modern-kitchen-modern-kitchen-with-black-fridge-decorated-christmas-new-year_132075-11268.jpg",
-          imageAlt: "elegant private cafe interior warm lighting",
         },
         {
-          title: "Private Lounges",
+          title: "Private Lounges",          description: "Quiet, secluded spaces perfect for meetings or reading, offering true privacy.",          phoneOne: {
-          description: "Quiet, secluded spaces perfect for meetings or reading, offering true privacy.",
+            imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064719.jpg",            imageAlt: "Private lounge"},
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064719.jpg",
-            imageAlt: "Private lounge",
-          },
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-67.jpg",
+            imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-67.jpg",            imageAlt: "Cafe ambiance"}
-            imageAlt: "Cafe ambiance",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-barista-with-tattoos-using-coffee-machine-work_23-2149052849.jpg",
-          imageAlt: "barista crafting specialty coffee art",
         },
         {
-          title: "Gourmet Pastries",
+          title: "Gourmet Pastries",          description: "Freshly baked delights paired perfectly with our signature coffee blends.",          phoneOne: {
-          description: "Freshly baked delights paired perfectly with our signature coffee blends.",
+            imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg?_wi=2",            imageAlt: "Fresh pastries"},
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg",
-            imageAlt: "Fresh pastries",
-          },
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg",
+            imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-blue-teacup_23-2148567575.jpg?_wi=2",            imageAlt: "Coffee and cake"}
-            imageAlt: "Coffee and cake",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116660.jpg",
-          imageAlt: "gourmet coffee selection on wooden table",
         },
       ]}
       showStepNumbers={false}
@@ -156,45 +118,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Excellent atmosphere",          quote: "The best private space for meetings.",          name: "Alice Johnson",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg"},
-          title: "Excellent atmosphere",
-          quote: "The best private space for meetings.",
-          name: "Alice Johnson",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Amazing coffee",          quote: "Truly the smoothest espresso I have ever had.",          name: "Bob Smith",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/cosy-moments-happy-young-woman-sits-kitchen-drinks-coffee-has-tender-smile-her-face_1258-201227.jpg"},
-          title: "Amazing coffee",
-          quote: "Truly the smoothest espresso I have ever had.",
-          name: "Bob Smith",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosy-moments-happy-young-woman-sits-kitchen-drinks-coffee-has-tender-smile-her-face_1258-201227.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "So peaceful",          quote: "A perfect hidden gem for reading.",          name: "Charlie Davis",          role: "Writer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3888.jpg"},
-          title: "So peaceful",
-          quote: "A perfect hidden gem for reading.",
-          name: "Charlie Davis",
-          role: "Writer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3888.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Top service",          quote: "The staff really understands quality.",          name: "Dana White",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg"},
-          title: "Top service",
-          quote: "The staff really understands quality.",
-          name: "Dana White",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-17170.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Beautiful design",          quote: "Stunning aesthetics meet great service.",          name: "Eve Brown",          role: "Artist",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg"},
-          title: "Beautiful design",
-          quote: "Stunning aesthetics meet great service.",
-          name: "Eve Brown",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
-        },
       ]}
       title="Guest Reflections"
       description="Hear from those who have made us their sanctuary of taste."
@@ -202,58 +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",
+            { label: "About", href: "#about" },
-              href: "#about",
+            { label: "Menu", href: "#features" },
-            },
-            {
-              label: "Menu",
-              href: "#features",
-            },
           ],
         },
         {
-          items: [
+          title: "Support",          items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy",
+            { label: "Terms of Service", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
           ],
         },
         {
-          items: [
+          title: "Social",          items: [
-            {
+            { label: "Instagram", href: "#" },
-              label: "Instagram",
+            { label: "Facebook", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
           ],
         },
       ]}
@@ -263,4 +179,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}