Update src/app/page.tsx

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -30,17 +30,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "About",
+          name: "About",          id: "why-us"},
-          id: "about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="LocalServicePro"
     />
@@ -49,69 +43,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Expert Local Service in Your Neighborhood"
       description="Fast, reliable, and professional solutions for all your needs. Join hundreds of satisfied clients in the area who trust us for quality work every time."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
+          src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Trusted by 500+ locals"
       buttons={[
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:5550101"},
-          href: "tel:5550101",
-        },
         {
-          text: "Request Quote",
+          text: "Request Quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Fully Licensed",          icon: ShieldCheck,
-          text: "Fully Licensed",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "24/7 Availability",          icon: Clock,
-          text: "24/7 Availability",
-          icon: Clock,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Top-Rated Pros",          icon: Star,
-          text: "Top-Rated Pros",
-          icon: Star,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Affordable Rates",          icon: Award,
-          text: "Affordable Rates",
-          icon: Award,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Satisfaction Guaranteed",          icon: ThumbsUp,
-          text: "Satisfaction Guaranteed",
-          icon: ThumbsUp,
         },
       ]}
     />
@@ -124,34 +93,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "s1",
+          id: "s1",          label: "Reliability",          title: "Service Category One",          items: [
-          label: "Reliability",
+            "High quality parts",            "Certified experts",            "Same day service"],
-          title: "Service Category One",
-          items: [
-            "High quality parts",
-            "Certified experts",
-            "Same day service",
-          ],
         },
         {
-          id: "s2",
+          id: "s2",          label: "Performance",          title: "Service Category Two",          items: [
-          label: "Performance",
+            "Expert diagnostics",            "Preventive maintenance",            "Full guarantee"],
-          title: "Service Category Two",
-          items: [
-            "Expert diagnostics",
-            "Preventive maintenance",
-            "Full guarantee",
-          ],
         },
         {
-          id: "s3",
+          id: "s3",          label: "Expertise",          title: "Service Category Three",          items: [
-          label: "Expertise",
+            "Latest tools used",            "Licensed staff",            "Clear transparent pricing"],
-          title: "Service Category Three",
-          items: [
-            "Latest tools used",
-            "Licensed staff",
-            "Clear transparent pricing",
-          ],
         },
       ]}
       title="Our Core Services"
@@ -166,23 +117,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Clock,
-          icon: Clock,
+          title: "Years Experience",          value: "15+"},
-          title: "Years Experience",
-          value: "15+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Users,
-          icon: Users,
+          title: "Clients Served",          value: "1200+"},
-          title: "Clients Served",
-          value: "1200+",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Award,
-          icon: Award,
+          title: "Satisfaction Rate",          value: "99%"},
-          title: "Satisfaction Rate",
-          value: "99%",
-        },
       ]}
       title="Why Choose Us"
       description="We believe in transparency and superior service quality for every client."
@@ -197,25 +139,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",          alt: "Sarah Miller"},
-          alt: "Sarah Miller",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-businesswoman-her-coworkers-clapping-hands-meeting-office_637285-207.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
+          src: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-man-standing-by-window_23-2148238909.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-woman-posing-outdoors_23-2148618908.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -228,61 +160,41 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "What service areas do you cover?",          content: "We cover the entire metro area and surrounding 20 miles."},
-          title: "What service areas do you cover?",
-          content: "We cover the entire metro area and surrounding 20 miles.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you offer emergency services?",          content: "Yes, we provide 24/7 support for urgent service requests."},
-          title: "Do you offer emergency services?",
-          content: "Yes, we provide 24/7 support for urgent service requests.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is pricing transparent?",          content: "Absolutely. We provide clear, written quotes before any work begins."},
-          title: "Is pricing transparent?",
-          content: "Absolutely. We provide clear, written quotes before any work begins.",
-        },
       ]}
       ctaTitle="Ready to get started?"
       ctaDescription="Contact our local team today for professional advice and fast service."
       ctaButton={{
-        text: "Call Us Now",
+        text: "Call Us Now",        href: "tel:5550101"}}
-        href: "tel:5550101",
-      }}
       ctaIcon={Phone}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "Services",              href: "#services"},
-              href: "#about",
-            },
             {
-              label: "Services",
+              label: "About",              href: "#why-us"},
-              href: "#services",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
+      copyrightText="© 2025 | LocalServicePro"
     />
   </div>
       </ReactLenis>