From 11d8b520f0da24204b31d8178793a043832029ec Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 22:00:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 396 ++++++++++++++---------------------------------
 1 file changed, 116 insertions(+), 280 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba381af..9830329 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,293 +27,129 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Affordable Fence Co"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Affordable Fence Co"
+            button={{ text: "Get a Quote", href: "#contact" }}
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Secure Your Property with Affordable Excellence"
-      description="Providing top-tier fencing solutions for residential and commercial properties. Durable, stylish, and built to last."
-      tag="Trusted Fencing Experts"
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=1",
-          imageAlt: "Modern residential wood fence",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=2",
-          imageAlt: "Professional backyard fence installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=3",
-          imageAlt: "Durable vinyl fencing solution",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=4",
-          imageAlt: "Secure metal perimeter fencing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=5",
-          imageAlt: "Custom privacy fence construction",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="5/5 based on 200+ local installations"
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroSplitDualMedia
+            background={{ variant: "plain" }}
+            title="Secure Your Property with Affordable Excellence"
+            description="Providing top-tier fencing solutions for residential and commercial properties. Durable, stylish, and built to last."
+            tag="Trusted Fencing Experts"
+            buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg",                imageAlt: "Modern residential wood fence"
+              },
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg",                imageAlt: "Professional backyard fence installation"
+              }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="5/5 based on 200+ local installations"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Built for Quality, Priced for Everyone"
-      description="At Affordable Fence Co, we believe quality security should not break the bank. Our experienced team uses premium materials and precision engineering to deliver fencing that lasts generations."
-      metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "2000+",
-          title: "Fences Installed",
-        },
-        {
-          value: "100%",
-          title: "Client Satisfaction",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-40662.jpg"
-      imageAlt="Our team installing a fence"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Built for Quality, Priced for Everyone"
+            description="At Affordable Fence Co, we believe quality security should not break the bank. Our experienced team uses premium materials and precision engineering to deliver fencing that lasts generations."
+            metrics={[
+              { value: "15+", title: "Years Experience" },
+              { value: "2000+", title: "Fences Installed" },
+              { value: "100%", title: "Client Satisfaction" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-40662.jpg"
+            imageAlt="Our team installing a fence"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "No hidden costs",
-          "No subpar materials",
-          "No missed deadlines",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Wooden Privacy Fencing",
-          "Durable Vinyl Options",
-          "Classic Ornamental Metal",
-          "Chain Link Security",
-        ],
-      }}
-      title="Comprehensive Fencing Services"
-      description="We specialize in a variety of materials and designs to suit every architectural style and budget."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["No hidden costs", "No subpar materials", "No missed deadlines"] }}
+            positiveCard={{ items: ["Wooden Privacy Fencing", "Durable Vinyl Options", "Classic Ornamental Metal", "Chain Link Security"] }}
+            title="Comprehensive Fencing Services"
+            description="We specialize in a variety of materials and designs to suit every architectural style and budget."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "prod-1",
-          brand: "Timberline",
-          name: "Cedar Wood Privacy",
-          price: "From $25/ft",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=6",
-        },
-        {
-          id: "prod-2",
-          brand: "VinylPro",
-          name: "White Picket Vinyl",
-          price: "From $30/ft",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=7",
-        },
-        {
-          id: "prod-3",
-          brand: "IronGuard",
-          name: "Modern Ornamental Iron",
-          price: "From $45/ft",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg?_wi=8",
-        },
-      ]}
-      title="Popular Fencing Styles"
-      description="Explore our most requested fencing solutions tailored for your unique space."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "prod-1", brand: "Timberline", name: "Cedar Wood Privacy", price: "From $25/ft", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg" },
+              { id: "prod-2", brand: "VinylPro", name: "White Picket Vinyl", price: "From $30/ft", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg" },
+              { id: "prod-3", brand: "IronGuard", name: "Modern Ornamental Iron", price: "From $45/ft", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149290157.jpg" }
+            ]}
+            title="Popular Fencing Styles"
+            description="Explore our most requested fencing solutions tailored for your unique space."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          title: "Exceptional Service",
-          quote: "They installed a beautiful fence in just two days. Professional and affordable!",
-          name: "Sarah Johnson",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          title: "Great Quality",
-          quote: "Solid craftsmanship, very impressed with the attention to detail.",
-          name: "Michael Chen",
-          role: "Property Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg",
-        },
-        {
-          id: "3",
-          title: "Fair Price",
-          quote: "The most competitive pricing in the area without sacrificing quality.",
-          name: "Emily Rodriguez",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-coat-his-shoulder-standing-near-corporate-building_23-2147941464.jpg",
-        },
-        {
-          id: "4",
-          title: "Professionalism",
-          quote: "The crew was prompt and polite, worked very hard to meet our needs.",
-          name: "David Kim",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-teenage-students_1328-1088.jpg",
-        },
-        {
-          id: "5",
-          title: "Highly Recommended",
-          quote: "Best experience I've had with home improvement services. Truly reliable.",
-          name: "Jessica Lee",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg?_wi=2",
-        },
-      ]}
-      title="Voices of Satisfied Homeowners"
-      description="See why locals trust us with their properties."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", title: "Exceptional Service", quote: "They installed a beautiful fence in just two days. Professional and affordable!", name: "Sarah Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg" },
+              { id: "2", title: "Great Quality", quote: "Solid craftsmanship, very impressed with the attention to detail.", name: "Michael Chen", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-laughing-daughter-sitting-table_259150-59411.jpg" },
+              { id: "3", title: "Fair Price", quote: "The most competitive pricing in the area without sacrificing quality.", name: "Emily Rodriguez", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-coat-his-shoulder-standing-near-corporate-building_23-2147941464.jpg" },
+              { id: "4", title: "Professionalism", quote: "The crew was prompt and polite, worked very hard to meet our needs.", name: "David Kim", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-teenage-students_1328-1088.jpg" },
+              { id: "5", title: "Highly Recommended", quote: "Best experience I've had with home improvement services. Truly reliable.", name: "Jessica Lee", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg" }
+            ]}
+            title="Voices of Satisfied Homeowners"
+            description="See why locals trust us with their properties."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer free estimates?",
-          content: "Yes, we provide free, no-obligation on-site estimates for all projects.",
-        },
-        {
-          id: "f2",
-          title: "How long does installation take?",
-          content: "Most residential projects are completed in 1-3 business days depending on size.",
-        },
-        {
-          id: "f3",
-          title: "What payment methods do you accept?",
-          content: "We accept major credit cards, checks, and financing options are available.",
-        },
-      ]}
-      ctaTitle="Ready for Your New Fence?"
-      ctaDescription="Get your free on-site estimate today and take the first step toward a safer yard."
-      ctaButton={{
-        text: "Contact Us",
-        href: "#",
-      }}
-      ctaIcon={Phone}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation on-site estimates for all projects." },
+              { id: "f2", title: "How long does installation take?", content: "Most residential projects are completed in 1-3 business days depending on size." },
+              { id: "f3", title: "What payment methods do you accept?", content: "We accept major credit cards, checks, and financing options are available." }
+            ]}
+            ctaTitle="Ready for Your New Fence?"
+            ctaDescription="Get your free on-site estimate today and take the first step toward a safer yard."
+            ctaButton={{ text: "Contact Us", href: "#" }}
+            ctaIcon={Phone}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Residential",
-              href: "#",
-            },
-            {
-              label: "Commercial",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Affordable Fence Co"
-      copyrightText="© 2025 | Affordable Fence Co"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg"
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
+              { title: "Services", items: [{ label: "Residential", href: "#" }, { label: "Commercial", href: "#" }] },
+              { title: "Resources", items: [{ label: "Privacy Policy", href: "#" }, { label: "FAQ", href: "#contact" }] }
+            ]}
+            logoText="Affordable Fence Co"
+            copyrightText="© 2025 | Affordable Fence Co"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );