Update src/app/page.tsx

Merge version_6 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 FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Phone, CheckCircle, MapPin, ShieldCheck, Zap } from "lucide-react";
+import { Phone, CheckCircle, Zap, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -23,7 +23,7 @@ export default function LandingPage() {
         cardStyle="glass-depth"
         primaryButtonStyle="radial-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -51,36 +51,40 @@ export default function LandingPage() {
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTen
+      <FeatureCardTwentySeven
       animationType="slide-up"
+      gridVariant="three-columns-all-equal-width"
       textboxLayout="split"
       useInvertedBackground={true}
       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" },
+          id: "1",          title: "Precision Lawn Care",          description: "Expert mowing and trimming services for a perfectly manicured look.",          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg"
-          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" },
+          id: "2",          title: "Border Detailing",          description: "Defining crisp edges along walkways and beds to enhance your curb appeal.",          imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg"
-          items: [{ icon: MapPin, text: "Detailed edging" }, { icon: ShieldCheck, text: "Border integrity" }],
+        },
-          reverse: true
+        {
+          id: "3",          title: "Seasonal Cleanups",          description: "Comprehensive yard clearing to prepare your property for the changing seasons.",          imageSrc: "http://img.b2bpic.net/free-photo/landscape-gardening_1157-3212.jpg"
         }
       ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardThirteen
+      showRating={true}
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      tag="Hillsborough's Choice"
+      tagIcon={Star}
       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: "1", name: "John Smith", handle: "@johns", testimonial: "The best service I have ever used. My lawn looks incredible!", rating: 5, imageSrc: "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" },
+        { id: "2", name: "Sarah Miller", handle: "@sarahm", testimonial: "Always punctual and professional. Truly premium lawn care.", 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" },
       ]}
     />
   </div>
@@ -108,7 +112,7 @@ export default function LandingPage() {
       ]}
       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: "Get Your Free Estimate", href: "tel:+19083596432" }}
       ctaIcon={Phone}
     />
   </div>