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 FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+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 TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Phone } 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,29 +51,40 @@ export default function LandingPage() {
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardSix
+      <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 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: "Mowing" },
+        {
-        { id: 2, 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: "Edging" },
+          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"
-        { id: 3, title: "Sustainable Lawn Care", description: "Comprehensive fertilization and weed control programs.", imageSrc: "http://img.b2bpic.net/free-photo/lush-green-foliage-sunlight_632498-60880.jpg", imageAlt: "Lawn Health" },
+        },
+        {
+          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"
+        },
+        {
+          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">
-      <TestimonialCardTwo
+      <TestimonialCardThirteen
-      animationType="depth-3d"
+      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", role: "Homeowner", testimonial: "The best service I have ever used. My lawn looks incredible!", imageSrc: "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", role: "Homeowner", testimonial: "Always punctual and professional. Truly premium lawn care.", 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: "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>
@@ -101,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>