Update src/app/page.tsx

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Sandton Pool Care"
     />
@@ -56,59 +48,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Expert Pool Maintenance Across Sandton"
       description="Your trusted local pool specialists serving Sandton and surrounding areas within 200km. We ensure your pool stays crystal clear, safe, and swim-ready all year round."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/lovely-young-couple-spend-time-together-home-near-pool-while-chatting-enjoying-tea_158595-6626.jpg",
+          src: "http://img.b2bpic.net/free-photo/lovely-young-couple-spend-time-together-home-near-pool-while-chatting-enjoying-tea_158595-6626.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4057.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4057.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/two-woman-friends-asian-caucasian-with-makeup-swimming-pool-villa_343596-2028.jpg",
+          src: "http://img.b2bpic.net/free-photo/two-woman-friends-asian-caucasian-with-makeup-swimming-pool-villa_343596-2028.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       buttons={[
         {
-          text: "Get a Free Quote",
+          text: "Get a Free Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Professional Service"},
-          text: "Professional Service",
-        },
         {
-          type: "text",
+          type: "text",          text: "Licensed Technicians"},
-          text: "Licensed Technicians",
-        },
         {
-          type: "text",
+          type: "text",          text: "200km Radius"},
-          text: "200km Radius",
-        },
         {
-          type: "text",
+          type: "text",          text: "Crystal Clear Water"},
-          text: "Crystal Clear Water",
-        },
         {
-          type: "text",
+          type: "text",          text: "Annual Maintenance"},
-          text: "Annual Maintenance",
-        },
       ]}
     />
   </div>
@@ -121,17 +90,11 @@ export default function LandingPage() {
       description="With years of experience in the pool industry, our team brings expert care to residences and estates. From chemical balancing to equipment repair, we treat your pool as if it were our own, covering Sandton and a 200km radius."
       bulletPoints={[
         {
-          title: "Expert Care",
+          title: "Expert Care",          description: "Professional team trained in the latest pool care standards."},
-          description: "Professional team trained in the latest pool care standards.",
-        },
         {
-          title: "Comprehensive Service",
+          title: "Comprehensive Service",          description: "Chemicals, repairs, filtration systems, and deep cleaning."},
-          description: "Chemicals, repairs, filtration systems, and deep cleaning.",
-        },
         {
-          title: "Wide Coverage",
+          title: "Wide Coverage",          description: "Based in Sandton, servicing areas up to 200km away."},
-          description: "Based in Sandton, servicing areas up to 200km away.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/attractive-woman-doing-sports-pool-colorful-pink-hoodie-wearing-sunglasses-listening-music-headphones-summer-vacation-play-tennis-sport-style_285396-4051.jpg"
       mediaAnimation="slide-up"
@@ -145,19 +108,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Weekly Maintenance",
+          title: "Weekly Maintenance",          description: "Routine skimming, vacuuming, and chemical checks.",          icon: Droplets,
-          description: "Routine skimming, vacuuming, and chemical checks.",
-          icon: Droplets,
         },
         {
-          title: "Equipment Repair",
+          title: "Equipment Repair",          description: "Expert repair of pumps, filters, and heating systems.",          icon: Wrench,
-          description: "Expert repair of pumps, filters, and heating systems.",
-          icon: Wrench,
         },
         {
-          title: "Water Analysis",
+          title: "Water Analysis",          description: "Professional laboratory-grade water testing and balancing.",          icon: Droplets,
-          description: "Professional laboratory-grade water testing and balancing.",
-          icon: Droplets,
         },
       ]}
       title="Our Professional Services"
@@ -172,39 +129,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Essential",          price: "R 850 /mo",          subtitle: "Basic cleaning and balancing",          features: [
-          badge: "Essential",
+            "Weekly skimming",            "Vacuuming",            "Chemical check"],
-          price: "R 850 /mo",
-          subtitle: "Basic cleaning and balancing",
-          features: [
-            "Weekly skimming",
-            "Vacuuming",
-            "Chemical check",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Popular",          price: "R 1,450 /mo",          subtitle: "Full pool care service",          features: [
-          badge: "Popular",
+            "All basic features",            "Filter backwash",            "Equipment inspection",            "Priority support"],
-          price: "R 1,450 /mo",
-          subtitle: "Full pool care service",
-          features: [
-            "All basic features",
-            "Filter backwash",
-            "Equipment inspection",
-            "Priority support",
-          ],
         },
         {
-          id: "estate",
+          id: "estate",          badge: "Estate",          price: "Custom",          subtitle: "Large scale property maintenance",          features: [
-          badge: "Estate",
+            "Large pools",            "Complex systems",            "Multi-site coverage",            "Dedicated account manager"],
-          price: "Custom",
-          subtitle: "Large scale property maintenance",
-          features: [
-            "Large pools",
-            "Complex systems",
-            "Multi-site coverage",
-            "Dedicated account manager",
-          ],
         },
       ]}
       title="Simple Pricing Plans"
@@ -219,23 +153,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Droplets,
-          icon: Droplets,
+          title: "Pools Maintained",          value: "250+"},
-          title: "Pools Maintained",
-          value: "250+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: MapPin,
-          icon: MapPin,
+          title: "Service Radius (km)",          value: "200"},
-          title: "Service Radius (km)",
-          value: "200",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Star,
-          icon: Star,
+          title: "Happy Clients",          value: "100%"},
-          title: "Happy Clients",
-          value: "100%",
-        },
       ]}
       title="Service Impact"
       description="Trust in our performance and commitment to quality."
@@ -249,59 +174,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Resident",          company: "Sandton",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxing-around-outdoor-swimming-pool-hotel-resort-nearly-sea_74190-13358.jpg"},
-          role: "Resident",
-          company: "Sandton",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxing-around-outdoor-swimming-pool-hotel-resort-nearly-sea_74190-13358.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael B.",          role: "Homeowner",          company: "Sandton",          rating: 5,
-          name: "Michael B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-hispanic-expert-explaining-his-idea_1262-16155.jpg"},
-          role: "Homeowner",
-          company: "Sandton",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-hispanic-expert-explaining-his-idea_1262-16155.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Jane D.",          role: "Estate Manager",          company: "Kyalami",          rating: 5,
-          name: "Jane D.",
+          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman_23-2148006217.jpg"},
-          role: "Estate Manager",
-          company: "Kyalami",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman_23-2148006217.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David L.",          role: "Resident",          company: "Bryanston",          rating: 5,
-          name: "David L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-starting-position-pool_23-2147664411.jpg"},
-          role: "Resident",
-          company: "Bryanston",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-starting-position-pool_23-2147664411.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Linda M.",          role: "Homeowner",          company: "Sandton",          rating: 5,
-          name: "Linda M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"},
-          role: "Homeowner",
-          company: "Sandton",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "5.0",
+          value: "5.0",          label: "Avg Rating"},
-          label: "Avg Rating",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Client Retention"},
-          label: "Client Retention",
-        },
         {
-          value: "24h",
+          value: "24h",          label: "Response Time"},
-          label: "Response Time",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear from the happy home owners and estate managers we serve."
@@ -314,20 +208,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "What areas do you cover?",          content: "We are based in Sandton and cover a 200km radius including surrounding regions."},
-          title: "What areas do you cover?",
-          content: "We are based in Sandton and cover a 200km radius including surrounding regions.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How often should I clean my pool?",          content: "Depending on usage and weather, we recommend a minimum of once-a-week cleaning."},
-          title: "How often should I clean my pool?",
-          content: "Depending on usage and weather, we recommend a minimum of once-a-week cleaning.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you offer emergency repairs?",          content: "Yes, we prioritize emergency pump and equipment repairs for our contract clients."},
-          title: "Do you offer emergency repairs?",
-          content: "Yes, we prioritize emergency pump and equipment repairs for our contract clients.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our maintenance services?"
@@ -336,54 +221,41 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
       tag="Get In Touch"
       title="Book Your Maintenance Visit"
-      description="Ready to get your pool in top shape? Contact us for a free evaluation."
+      description="Ready to get your pool in top shape? Our team is standing by to provide a free, no-obligation evaluation of your pool care needs. Let's make your pool a sparkling oasis."
+      buttons={[
+        {
+          text: "Get Started",          href: "#contact"},
+      ]}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBaseCard
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ua8o8"
       logoText="Sandton Pool Care"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Pool Cleaning",
+              label: "Pool Cleaning",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Repair Services",
+              label: "Repair Services",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
           ],
         },
       ]}