From c82bdfd9c5bfe1c9842d1c4a0371a0f71117baa3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Mar 2026 19:07:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a49d09..a53d638 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
-import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Award, CheckCircle, MapPin, Phone, Sparkles, Star, ThumbsUp } from "lucide-react";
+import { Award, CheckCircle, MapPin, Phone, Sparkles, Star, ThumbsUp, Wrench, Leaf, Zap, Broom } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -79,7 +79,7 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <ProductCardThree
+        <FeatureBento
           title="Services We Offer"
           description="Complete lawn care solutions for Barbourville, Knox County, and surrounding areas."
           tag="Full Service Lawn Care"
@@ -87,21 +87,31 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           buttons={[{ text: "Request Service", href: "#contact" }]}
           buttonAnimation="slide-up"
-          products={[
+          features={[
             {
-              id: "mowing",              name: "Lawn Mowing",              price: "Affordable Rates",              imageSrc: "http://img.b2bpic.net/free-photo/busy-man-using-weedwacker-garden_329181-20572.jpg",              imageAlt: "Professional lawn mowing service"
+              title: "Lawn Mowing",              description: "Professional mowing at affordable rates to keep your yard looking pristine year-round.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Wrench, label: "Weekly Service", value: "$" },
+                { icon: Leaf, label: "Seasonal Rates", value: "$$ " },
+                { icon: Zap, label: "Quick Turnaround", value: "24hrs" }
+              ]
             },
             {
-              id: "edging",              name: "Edging & Trimming",              price: "Included Service",              imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858219.jpg",              imageAlt: "Professional edging and trimming"
+              title: "Edging & Trimming",              description: "Clean, precise edging and trimming included with every service.",              bentoComponent: "marquee",              centerIcon: Leaf,
+              variant: "text",              texts: ["Edge Trim", "Weed Control", "Lawn Lines", "Professional Finish"]
             },
             {
-              id: "landscaping",              name: "Landscaping",              price: "Custom Quote",              imageSrc: "http://img.b2bpic.net/free-vector/wild-nature-photography-contest-banner-web-template_23-2148627785.jpg",              imageAlt: "Professional landscaping design"
+              title: "Landscaping",              description: "Custom landscaping design and installation for your property.",              bentoComponent: "orbiting-icons",              centerIcon: Sparkles,
+              items: [
+                { icon: Leaf, ring: 1 },
+                { icon: Zap, ring: 2 },
+                { icon: Wrench, ring: 3 }
+              ]
             },
             {
-              id: "cleanup",              name: "Yard Cleanup",              price: "Seasonal Rates",              imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-leaves-cleans-park_1157-27417.jpg",              imageAlt: "Professional yard cleanup service"
+              title: "Yard Cleanup",              description: "Seasonal yard cleanup including leaf removal and debris hauling.",              bentoComponent: "marquee",              centerIcon: Broom,
+              variant: "text",              texts: ["Leaf Removal", "Spring Cleanup", "Fall Maintenance", "Debris Hauling"]
             }
           ]}
-          gridVariant="two-columns-alternating-heights"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}