Update src/app/page.tsx

Merge version_7 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 TimelinePhoneView from '@/components/cardStack/layouts/timelines/TimelinePhoneView';
 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 { Phone, CheckCircle, MapPin, ShieldCheck, Zap } from "lucide-react";
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Phone, Star, CheckCircle } 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,32 @@ export default function LandingPage() {
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
+      <TimelinePhoneView
       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
-        }
+      textboxLayout="split"
+      animationType="slide-up"
+      items={[
+        { trigger: "Precision Mowing", content: "Expert mowing and trimming services for a perfectly manicured look.", imageOne: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22793.jpg" },
+        { trigger: "Border Detailing", content: "Defining crisp edges along walkways and beds to enhance your curb appeal.", imageOne: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg" },
+        { trigger: "Seasonal Cleanups", content: "Comprehensive yard clearing to prepare your property for the changing seasons.", imageOne: "http://img.b2bpic.net/free-photo/landscape-gardening_1157-3212.jpg" }
       ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="split"
-      useInvertedBackground={false}
-      title="Trusted by Hillsborough Neighbors"
-      description="See why homeowners trust Five Star Lawn Maintenance."
+      useInvertedBackground={true}
+      tag="Hillsborough Neighbors"
+      tagIcon={Star}
+      title="Google Reviews"
+      description="Hear from our satisfied Hillsborough neighbors about our 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" },
+        { id: "1", name: "John Smith", handle: "Verified Local", testimonial: "The best service I have ever used. My lawn looks incredible!", icon: CheckCircle },
+        { id: "2", name: "Sarah Miller", handle: "Verified Local", testimonial: "Always punctual and professional. Truly premium lawn care.", icon: CheckCircle },
+        { id: "3", name: "David R.", handle: "Verified Local", testimonial: "Finally a lawn service that actually shows up and does a great job.", icon: CheckCircle },
       ]}
     />
   </div>
@@ -108,7 +104,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>