Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Phone } from "lucide-react";
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { Phone, CheckCircle, MapPin, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Five Star Lawn Maintenance"
     />
@@ -52,127 +40,48 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Five Star Lawn Maintenance in Hillsborough"
       description="Professional, reliable, and premium lawn care for your Hillsborough home. We ensure your lawn looks immaculate all year round."
-      buttons={[
-        {
-          text: "Get A Quote",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get A Quote", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=1",
-          imageAlt: "Professional lawn service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=2",
-          imageAlt: "Lawn care results",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=3",
-          imageAlt: "Immaculate garden",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=4",
-          imageAlt: "Hillsborough landscaping",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=5",
-          imageAlt: "Green turf excellence",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=6",
-          imageAlt: "Expert lawn maintenance",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard-male-black-apron-guy-repairs_1157-41434.jpg?_wi=1", imageAlt: "Professional lawn service" },
       ]}
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardOne
+      <FeatureCardTen
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
-      features={[
-        {
-          title: "Expert Mowing",
-          description: "Precision cutting and grass grooming for a lush look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg",
-          imageAlt: "Expert Mowing",
-        },
-        {
-          title: "Precision Edging",
-          description: "Defining your borders for clean lines and polished curb appeal.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg",
-          imageAlt: "Precision Edging",
-        },
-        {
-          title: "Lawn Health",
-          description: "Comprehensive fertilization and weed control programs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lush-green-foliage-sunlight_632498-60880.jpg",
-          imageAlt: "Lawn Health",
-        },
-      ]}
       title="Premium Lawn Services"
       description="Customized lawn care programs tailored to the needs of Hillsborough properties."
+      features={[
+        {
+          id: "1",          title: "Precision Lawn Care",          description: "Expert mowing and grass grooming.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg", imageAlt: "Mowing" },
+          items: [{ icon: Zap, text: "Precision cutting" }, { icon: CheckCircle, text: "Uniform growth" }],
+          reverse: false
+        },
+        {
+          id: "2",          title: "Property Detailing",          description: "Defining borders for clean curb appeal.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg", imageAlt: "Edging" },
+          items: [{ icon: MapPin, text: "Detailed edging" }, { icon: ShieldCheck, text: "Border integrity" }],
+          reverse: true
+        }
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="depth-3d"
+      <TestimonialCardFive
       textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "John Smith",
-          role: "Homeowner",
-          company: "Hillsborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          company: "Hillsborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg",
-        },
-        {
-          id: "3",
-          name: "David Wilson",
-          role: "Homeowner",
-          company: "Hillsborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardeners-arranging-coniferous-plants-garden-man-woman-wearing-aprons-growing-small-thuja-greenhouse-selective-focus-commercial-gardening-activity-summer-concept_74855-12739.jpg",
-        },
-        {
-          id: "4",
-          name: "Robert Davis",
-          role: "Homeowner",
-          company: "Hillsborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-old-man-eldery-puring-water-taking-care-small-tree-table-garden_554837-89.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily Johnson",
-          role: "Homeowner",
-          company: "Hillsborough",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg?_wi=2",
-        },
-      ]}
       title="Trusted by Hillsborough Neighbors"
       description="See why homeowners trust Five Star Lawn Maintenance."
+      testimonials={[
+        { id: "1", name: "John Smith", date: "2024-05-12", title: "Exceptional Results", quote: "The best service I have ever used. My lawn looks incredible!", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg?_wi=1" },
+        { id: "2", name: "Sarah Miller", date: "2024-04-20", title: "Truly Premium", quote: "Always punctual and professional. Truly premium lawn care.", tag: "Review", avatarSrc: "http://img.b2bpic.net/free-photo/work-life-joyful-middle-aged-man-comfortable-casual-clothes-talking-smartphone-gesturing-while-sitting-open-terrace-country-house-sunny-day_259150-59318.jpg" },
+      ]}
     />
   </div>
 
@@ -181,21 +90,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer free estimates?",
-          content: "Yes, we provide complimentary consultations for all Hillsborough properties.",
-        },
-        {
-          id: "q2",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We are fully insured and bonded to give you peace of mind.",
-        },
-        {
-          id: "q3",
-          title: "What service areas do you cover?",
-          content: "We primarily serve Hillsborough Township and surrounding NJ communities.",
-        },
+        { id: "q1", title: "Do you offer free estimates?", content: "Yes, we provide complimentary consultations for all Hillsborough properties." },
+        { id: "q2", title: "Are you licensed and insured?", content: "Absolutely. We are fully insured and bonded to give you peace of mind." },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We have answers about our premium lawn care services."
@@ -208,23 +104,11 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "contact-details",
-          title: "Our Information",
-          content: "649 US-206 #9, Hillsborough Township, NJ 08844 | +1 908-359-6432",
-        },
-        {
-          id: "hours",
-          title: "Working Hours",
-          content: "Mon-Fri: 8am-6pm, Sat-Sun: Closed",
-        },
+        { id: "contact-details", title: "Our Information", content: "649 US-206 #9, Hillsborough Township, NJ 08844 | +1 908-359-6432" },
       ]}
       ctaTitle="Ready for a Five Star Lawn?"
       ctaDescription="Get your custom estimate today by calling or messaging us."
-      ctaButton={{
-        text: "Call Now",
-        href: "tel:+19083596432",
-      }}
+      ctaButton={{ text: "Call Now", href: "tel:+19083596432" }}
       ctaIcon={Phone}
     />
   </div>
@@ -232,41 +116,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "649 US-206 #9, Hillsborough, NJ",
-              href: "#",
-            },
-            {
-              label: "+1 908-359-6432",
-              href: "tel:+19083596432",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "#services" }] },
+        { title: "Contact", items: [{ label: "Hillsborough, NJ", href: "#" }] },
       ]}
       logoText="Five Star Lawn Maintenance"
       copyrightText="© 2025 Five Star Lawn Maintenance. All rights reserved."
@@ -275,4 +126,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}