From 01ad68e89c8bc7ebb04430708ffe4cabac3b882f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 20:22:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 475 +++++++++++++----------------------------------
 1 file changed, 131 insertions(+), 344 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f71642f..5e58bce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,358 +28,145 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Arbro Excavating"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "About", id: "about" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Arbro Excavating"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Excellence in Excavating Since 2001"
-      description="Honesty, transparency, and superior bulk yard supplies. Chris goes above and beyond to ensure your site is ready for the future."
-      buttons={[
-        {
-          text: "Get Your Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "See Our Work",
-          href: "#services",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=1",
-          imageAlt: "Arbro Excavating on site",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=2",
-          imageAlt: "Excavator machinery",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=3",
-          imageAlt: "Site preparation work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=4",
-          imageAlt: "Bulk delivery service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=5",
-          imageAlt: "Land clearing service",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Excellence in Excavating Since 2001"
+            description="Honesty, transparency, and superior bulk yard supplies. Chris goes above and beyond to ensure your site is ready for the future."
+            buttons={[
+              { text: "Get Your Free Quote", href: "#contact" },
+              { text: "See Our Work", href: "#services" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Arbro Excavating on site" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Excavator machinery" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Site preparation work" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Bulk delivery service" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Land clearing service" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="About Arbro"
-      title="Built on Honesty Since 2001"
-      description="Chris founded Arbro Excavating with a simple premise: do exactly what you say you will do. Every project is handled with transparency, zero hidden fees, and an unwavering commitment to going above and beyond."
-      subdescription="Since 2001, we have built our name on one thing: doing exactly what we say we will do."
-      icon={ShieldCheck}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="About Arbro"
+            title="Built on Honesty Since 2001"
+            description="Chris founded Arbro Excavating with a simple premise: do exactly what you say you will do. Every project is handled with transparency, zero hidden fees, and an unwavering commitment to going above and beyond."
+            subdescription="Since 2001, we have built our name on one thing: doing exactly what we say we will do."
+            icon={ShieldCheck}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Excavating",
-          description: "Precision excavation work for projects of all sizes.",
-          bentoComponent: "reveal-icon",
-          icon: Star,
-          imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=6",
-          imageAlt: "cinematic construction site excavator sunset",
-        },
-        {
-          title: "Bulk Supply",
-          description: "Quality topsoil, gravel, and stone delivered promptly.",
-          bentoComponent: "reveal-icon",
-          icon: Truck,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=2",
-          imageAlt: "professional contractor portrait honest",
-        },
-        {
-          title: "Site Prep",
-          description: "Expert site preparation to set the stage for success.",
-          bentoComponent: "reveal-icon",
-          icon: MapPin,
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=1",
-          imageAlt: "premium organic topsoil pile",
-        },
-        {
-          title: "Land Clearing",
-          description: "Thorough land clearing services with careful site management.",
-          bentoComponent: "reveal-icon",
-          icon: Star,
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg?_wi=1",
-          imageAlt: "landscape stone gravel texture",
-        },
-        {
-          title: "Consulting",
-          description: "Personal product consulting to get the quantity right.",
-          bentoComponent: "reveal-icon",
-          icon: MessageSquare,
-          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756558.jpg?_wi=1",
-          imageAlt: "dark wood mulch landscape",
-        },
-      ]}
-      title="Premium Excavating & Supply"
-      description="Professional services designed to streamline your project."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Excavating", description: "Precision excavation work for projects of all sizes.", bentoComponent: "reveal-icon", icon: Star },
+              { title: "Bulk Supply", description: "Quality topsoil, gravel, and stone delivered promptly.", bentoComponent: "reveal-icon", icon: Truck },
+              { title: "Site Prep", description: "Expert site preparation to set the stage for success.", bentoComponent: "reveal-icon", icon: MapPin },
+              { title: "Land Clearing", description: "Thorough land clearing services with careful site management.", bentoComponent: "reveal-icon", icon: Star },
+              { title: "Consulting", description: "Personal product consulting to get the quantity right.", bentoComponent: "reveal-icon", icon: MessageSquare },
+            ]}
+            title="Premium Excavating & Supply"
+            description="Professional services designed to streamline your project."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Topsoil",
-          price: "Contact for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Gravel",
-          price: "Contact for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Mulch",
-          price: "Contact for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756558.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Fill Dirt",
-          price: "Contact for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=3",
-        },
-        {
-          id: "p5",
-          name: "Landscape Stone",
-          price: "Contact for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg?_wi=3",
-        },
-        {
-          id: "p6",
-          name: "Sand",
-          price: "Contact for Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=4",
-        },
-      ]}
-      title="Bulk Material Selection"
-      description="Premium supplies for every landscaping need."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            products={[
+              { id: "p1", name: "Topsoil", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg" },
+              { id: "p2", name: "Gravel", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg" },
+              { id: "p3", name: "Mulch", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756558.jpg" },
+              { id: "p4", name: "Fill Dirt", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg" },
+              { id: "p5", name: "Landscape Stone", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg" },
+              { id: "p6", name: "Sand", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg" },
+            ]}
+            title="Bulk Material Selection"
+            description="Premium supplies for every landscaping need."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Years in Business",
-          items: [
-            "Founded in 2001",
-            "Serving the region",
-          ],
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Transparency",
-          items: [
-            "Zero hidden fees",
-            "Honest quotes",
-          ],
-        },
-        {
-          id: "m3",
-          value: "5-Star",
-          title: "Rated",
-          items: [
-            "Highly recommended",
-            "Proven track record",
-          ],
-        },
-        {
-          id: "m4",
-          value: "100s",
-          title: "Satisfied Customers",
-          items: [
-            "Prompt delivery",
-            "Quality service",
-          ],
-        },
-      ]}
-      title="Industry Leaders"
-      description="Proven results for over two decades."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "20+", title: "Years in Business", items: ["Founded in 2001", "Serving the region"] },
+              { id: "m2", value: "100%", title: "Transparency", items: ["Zero hidden fees", "Honest quotes"] },
+              { id: "m3", value: "5-Star", title: "Rated", items: ["Highly recommended", "Proven track record"] },
+              { id: "m4", value: "100s", title: "Satisfied Customers", items: ["Prompt delivery", "Quality service"] },
+            ]}
+            title="Industry Leaders"
+            description="Proven results for over two decades."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Kate M",
-          date: "Verified Client",
-          title: "Honest & Personable",
-          quote: "Chris is very personable and honest. His product is exactly how he describes it with no hidden fees.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg",
-          imageAlt: "professional client headshot dark background",
-        },
-        {
-          id: "t2",
-          name: "Sandy Denman",
-          date: "Verified Client",
-          title: "Reasonable & Helpful",
-          quote: "Chris helped me figure out how much product I needed, let me know exactly when it was ready.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
-          imageAlt: "professional client headshot dark background",
-        },
-        {
-          id: "t3",
-          name: "Jarrett Dunn",
-          date: "Verified Client",
-          title: "Super Nice Guy",
-          quote: "Super reasonable prices, the owner is a super nice guy. Would highly recommend.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
-          imageAlt: "professional client headshot dark background",
-        },
-        {
-          id: "t4",
-          name: "Lori Seth",
-          date: "Verified Client",
-          title: "Quick Service",
-          quote: "Quick friendly service. Chris was so helpful.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg",
-          imageAlt: "professional client headshot dark background",
-        },
-        {
-          id: "t5",
-          name: "Client Five",
-          date: "Verified Client",
-          title: "Goes Above & Beyond",
-          quote: "Prompt delivery service and goes above and beyond every single time.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg",
-          imageAlt: "professional client headshot dark background",
-        },
-      ]}
-      title="What Our Clients Say"
-      description="Undeniable trust signals from the clients who know our quality best."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Kate M", date: "Verified Client", title: "Honest & Personable", quote: "Chris is very personable and honest. His product is exactly how he describes it with no hidden fees.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg" },
+              { id: "t2", name: "Sandy Denman", date: "Verified Client", title: "Reasonable & Helpful", quote: "Chris helped me figure out how much product I needed, let me know exactly when it was ready.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg" },
+              { id: "t3", name: "Jarrett Dunn", date: "Verified Client", title: "Super Nice Guy", quote: "Super reasonable prices, the owner is a super nice guy. Would highly recommend.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg" },
+              { id: "t4", name: "Lori Seth", date: "Verified Client", title: "Quick Service", quote: "Quick friendly service. Chris was so helpful.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg" },
+              { id: "t5", name: "Client Five", date: "Verified Client", title: "Goes Above & Beyond", quote: "Prompt delivery service and goes above and beyond every single time.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg", imageSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg" },
+            ]}
+            title="What Our Clients Say"
+            description="Undeniable trust signals from the clients who know our quality best."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Ready to Get Started?"
-      description="Let's talk about your project. Request your free quote today with no obligations."
-      tag="Let's Connect"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Ready to Get Started?"
+            description="Let's talk about your project. Request your free quote today with no obligations."
+            tag="Let's Connect"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Google Reviews",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="ARBRO EXCAVATING"
-      copyrightText="© 2025 Arbro Excavating 2001 Limited"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Navigation",                items: [
+                  { label: "Services", href: "#services" },
+                  { label: "About", href: "#about" },
+                  { label: "Contact", href: "#contact" },
+                ],
+              },
+              { title: "Social", items: [{ label: "Google Reviews", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
+            ]}
+            logoText="ARBRO EXCAVATING"
+            copyrightText="© 2025 Arbro Excavating 2001 Limited"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );