Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 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 FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { BarChart2, Calendar, Globe, Shield, ShieldCheck } from "lucide-react";
+import { BarChart2, Calendar, Globe, Shield, ShieldCheck, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,103 +31,66 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Bookings"
       button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+        text: "Book Now",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Streamline Your Business with Professional Bookings"
       description="Simplify your appointment management and scale your business with our intuitive, professional booking solution designed for growth."
       kpis={[
         {
-          value: "10k+",
-          label: "Bookings Managed",
-        },
+          value: "10k+",          label: "Bookings Managed"},
         {
-          value: "99.9%",
-          label: "Uptime Guarantee",
-        },
+          value: "99.9%",          label: "Uptime Guarantee"},
         {
-          value: "24/7",
-          label: "Customer Support",
-        },
+          value: "24/7",          label: "Customer Support"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-121530.jpg"
       imageAlt="Professional booking platform dashboard"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",          alt: "User 5"},
       ]}
       avatarText="Trusted by 5,000+ professionals"
       marqueeItems={[
         {
-          type: "text",
-          text: "Seamless Integration",
+          type: "text",          text: "Seamless Integration"},
+        {
+          type: "text-icon",          text: "Real-time Sync",          icon: Calendar,
         },
         {
-          type: "text-icon",
-          text: "Real-time Sync",
-          icon: Calendar,
+          type: "text",          text: "Automated Workflow"},
+        {
+          type: "text-icon",          text: "Secure Data",          icon: Shield,
         },
         {
-          type: "text",
-          text: "Automated Workflow",
-        },
-        {
-          type: "text-icon",
-          text: "Secure Data",
-          icon: Shield,
-        },
-        {
-          type: "text",
-          text: "Global Access",
-        },
+          type: "text",          text: "Global Access"},
       ]}
     />
   </div>
@@ -140,17 +103,11 @@ export default function LandingPage() {
       description="Our platform takes the complexity out of scheduling so you can focus on providing exceptional service to your clients."
       bulletPoints={[
         {
-          title: "Automated Reminders",
-          description: "Reduce no-shows with automated client notifications.",
-        },
+          title: "Automated Reminders",          description: "Reduce no-shows with automated client notifications."},
         {
-          title: "Real-time Sync",
-          description: "Integrates seamlessly with your existing calendars.",
-        },
+          title: "Real-time Sync",          description: "Integrates seamlessly with your existing calendars."},
         {
-          title: "Scalable Infrastructure",
-          description: "Grows with your business requirements.",
-        },
+          title: "Scalable Infrastructure",          description: "Grows with your business requirements."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/elderly-businessman-using-laptop_23-2148116312.jpg?_wi=1"
       imageAlt="Management dashboard interface"
@@ -165,19 +122,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Global Access",
-          description: "Bookings available from anywhere in the world.",
-          icon: Globe,
+          title: "Global Access",          description: "Bookings available from anywhere in the world.",          icon: Globe,
         },
         {
-          title: "Data Analytics",
-          description: "Insights that help you make better decisions.",
-          icon: BarChart2,
+          title: "Data Analytics",          description: "Insights that help you make better decisions.",          icon: BarChart2,
         },
         {
-          title: "Secure Payments",
-          description: "Enterprise-grade encryption for every transaction.",
-          icon: ShieldCheck,
+          title: "Secure Payments",          description: "Enterprise-grade encryption for every transaction.",          icon: ShieldCheck,
         },
       ]}
       title="Everything You Need to Scale"
@@ -190,12 +141,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "TechCorp",
-        "InnovateLab",
-        "GrowthCo",
-        "StartupXYZ",
-        "GlobalServe",
-      ]}
+        "TechCorp",        "InnovateLab",        "GrowthCo",        "StartupXYZ",        "GlobalServe"]}
       title="Trusted by Industry Leaders"
       description="Partnering with forward-thinking brands across various industries."
     />
@@ -206,30 +152,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg",
-        },
+          id: "1",          name: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-with-short-hairstyle-tilt-head-look-happy-wearing-casual-shirt-standing-white_176420-41464.jpg"},
         {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",
-        },
+          id: "2",          name: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg",
-        },
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg"},
         {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
-        },
+          id: "4",          name: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg"},
         {
-          id: "5",
-          name: "Alex Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
-        },
+          id: "5",          name: "Alex Smith",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg"},
       ]}
       cardTitle="Client Success Stories"
       cardTag="Testimonials"
@@ -238,51 +169,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
+      <ContactCenter
+      tag="Contact Us"
+      title="Let's Connect"
+      description="We're here to help you get the most out of our platform. Reach out for sales, support, or general inquiries."
       background={{
-        variant: "gradient-bars",
-      }}
-      tag="Ready to get started?"
-      title="Book a Consultation"
-      description="Fill out the form below to connect with our team and see how we can help optimize your booking flow."
-      inputPlaceholder="Enter your professional email"
-      buttonText="Get Started"
-      imageSrc="http://img.b2bpic.net/free-photo/elderly-businessman-using-laptop_23-2148116312.jpg?_wi=2"
-      imageAlt="Contact support team"
-      mediaAnimation="blur-reveal"
+        variant: "gradient-bars"}}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Support",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="Bookings"
+      copyrightText="© 2025 | Bookings Platform"
+      socialLinks={[
+        { icon: Mail, href: "mailto:hello@bookings.com", ariaLabel: "Email Us" },
+        { icon: Phone, href: "tel:+1234567890", ariaLabel: "Call Us" },
+        { icon: MapPin, href: "#", ariaLabel: "Visit Us" },
+      ]}
     />
   </div>
       </ReactLenis>