From 9657802a75eb33a44ebbb95068e60a7337de90c4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 19:12:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 435 +++++++++++++++++------------------------------
 1 file changed, 152 insertions(+), 283 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd83f74..59395e8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,300 +16,169 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="LA Concrete Contractors"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="LA Concrete Contractors"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Premium Concrete & Remodeling Done Right"
-      description="Award-winning Los Angeles contractors trusted by homeowners for balconies, patios, driveways, and full interior remodels. 4.8★ rated with 76 verified reviews."
-      buttons={[
-        {
-          text: "Request Your Free Quote",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Premium Concrete & Remodeling Done Right"
+            description="Award-winning Los Angeles contractors trusted by homeowners for balconies, patios, driveways, and full interior remodels. 4.8★ rated with 76 verified reviews."
+            buttons={[{ text: "Request Your Free Quote", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Excellence in Every Pour and Finish"
-      description={[
-        "For over two decades, we have defined excellence in Los Angeles construction. As high-end specialists, we bridge the gap between structural integrity and sophisticated design.",
-        "Whether you're looking to elevate your outdoor living space with custom concrete or require a comprehensive interior renovation, our team delivers precision, quality, and timelines that respect your home.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Excellence in Every Pour and Finish"
+            description={[
+              "For over two decades, we have defined excellence in Los Angeles construction. As high-end specialists, we bridge the gap between structural integrity and sophisticated design.",              "Whether you're looking to elevate your outdoor living space with custom concrete or require a comprehensive interior renovation, our team delivers precision, quality, and timelines that respect your home."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Concrete & Hardscaping",
-          description: "Custom driveways, patios, and balconies built with premium, long-lasting materials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg?_wi=1",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-floor-with-light-coming_122409-80.jpg",
-          buttonText: "View Projects",
-        },
-        {
-          title: "Interior Remodeling",
-          description: "High-end interior finishing, including drywall, painting, and complete space transformations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg?_wi=1",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",
-          buttonText: "Learn More",
-        },
-        {
-          title: "Exterior Hardscaping",
-          description: "Bespoke walkways and retaining walls tailored to fit your landscape perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg?_wi=1",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",
-          buttonText: "See Details",
-        },
-      ]}
-      title="Our Expert Services"
-      description="We specialize in high-end projects that transform your property's value and aesthetic."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Concrete & Hardscaping",                description: "Custom driveways, patios, and balconies built with premium, long-lasting materials.",                imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-floor-with-light-coming_122409-80.jpg",                buttonText: "View Projects"},
+              {
+                title: "Interior Remodeling",                description: "High-end interior finishing, including drywall, painting, and complete space transformations.",                imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",                buttonText: "Learn More"},
+              {
+                title: "Exterior Hardscaping",                description: "Bespoke walkways and retaining walls tailored to fit your landscape perfectly.",                imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg",                titleImageSrc: "http://img.b2bpic.net/free-photo/stone-road_1417-1558.jpg",                buttonText: "See Details"},
+            ]}
+            title="Our Expert Services"
+            description="We specialize in high-end projects that transform your property's value and aesthetic."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "4.8★",
-          description: "Customer Rating",
-        },
-        {
-          id: "m2",
-          value: "76+",
-          description: "Verified Reviews",
-        },
-        {
-          id: "m3",
-          value: "15+ yrs",
-          description: "Local Experience",
-        },
-        {
-          id: "m4",
-          value: "500+",
-          description: "Projects Completed",
-        },
-      ]}
-      title="Proven Results"
-      description="Evidence of our commitment to quality craftsmanship and customer satisfaction."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "4.8★", description: "Customer Rating" },
+              { id: "m2", value: "76+", description: "Verified Reviews" },
+              { id: "m3", value: "15+ yrs", description: "Local Experience" },
+              { id: "m4", value: "500+", description: "Projects Completed" },
+            ]}
+            title="Proven Results"
+            description="Evidence of our commitment to quality craftsmanship and customer satisfaction."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "Oct 2024",
-          title: "Homeowner",
-          quote: "The team transformed our backyard patio into a masterpiece. Highly recommended!",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg?_wi=2",
-          imageAlt: "satisfied client portrait professional",
-        },
-        {
-          id: "2",
-          name: "David Chen",
-          date: "Sep 2024",
-          title: "Property Manager",
-          quote: "Professional, on-time, and meticulous. Exceptional work quality.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431507.jpg",
-          imageAlt: "satisfied client portrait professional",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          date: "Aug 2024",
-          title: "Homeowner",
-          quote: "Fantastic renovation experience. Our kitchen remodel looks incredible.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg?_wi=2",
-          imageAlt: "satisfied client portrait professional",
-        },
-        {
-          id: "4",
-          name: "Mark Stevens",
-          date: "Jul 2024",
-          title: "Homeowner",
-          quote: "They turned our driveway into a modern aesthetic piece. Great service.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg?_wi=2",
-          imageAlt: "satisfied client portrait professional",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          date: "Jun 2024",
-          title: "Homeowner",
-          quote: "Efficient, polite, and very talented craftsmen. Would hire again.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg?_wi=2",
-          imageAlt: "satisfied client portrait professional",
-        },
-      ]}
-      title="Trusted by Homeowners"
-      description="See why we're the top-rated choice for concrete and remodeling in Los Angeles."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            testimonials={[
+              {
+                id: "1",                name: "Sarah Miller",                date: "Oct 2024",                title: "Homeowner",                quote: "The team transformed our backyard patio into a masterpiece. Highly recommended!",                tag: "Verified",                avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",                imageSrc: "http://img.b2bpic.net/free-photo/parking-place-surrounded-by-greenery-motorcycles-sunset_181624-9861.jpg",                imageAlt: "satisfied client portrait professional"},
+              {
+                id: "2",                name: "David Chen",                date: "Sep 2024",                title: "Property Manager",                quote: "Professional, on-time, and meticulous. Exceptional work quality.",                tag: "Verified",                avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",                imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431507.jpg",                imageAlt: "satisfied client portrait professional"},
+              {
+                id: "3",                name: "Elena Rodriguez",                date: "Aug 2024",                title: "Homeowner",                quote: "Fantastic renovation experience. Our kitchen remodel looks incredible.",                tag: "Verified",                avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg",                imageSrc: "http://img.b2bpic.net/free-photo/floor-with-tree_1127-3561.jpg",                imageAlt: "satisfied client portrait professional"},
+              {
+                id: "4",                name: "Mark Stevens",                date: "Jul 2024",                title: "Homeowner",                quote: "They turned our driveway into a modern aesthetic piece. Great service.",                tag: "Verified",                avatarSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",                imageSrc: "http://img.b2bpic.net/free-photo/young-builder-work-clothes-yellow-hardhat-using-measuring-tape-repairing-flat-with-big-window-background_574295-1600.jpg",                imageAlt: "satisfied client portrait professional"},
+              {
+                id: "5",                name: "Jessica Lee",                date: "Jun 2024",                title: "Homeowner",                quote: "Efficient, polite, and very talented craftsmen. Would hire again.",                tag: "Verified",                avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg",                imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg",                imageAlt: "satisfied client portrait professional"},
+            ]}
+            title="Trusted by Homeowners"
+            description="See why we're the top-rated choice for concrete and remodeling in Los Angeles."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Lafarge Holcim",
-        "CEMEX",
-        "Quikrete",
-        "Basalite",
-        "Aggregate Industries",
-        "Vulcan Materials",
-        "Sika Corporation",
-      ]}
-      title="Local Industry Partners"
-      description="We partner with top local suppliers to ensure premium quality finishes."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Lafarge Holcim",              "CEMEX",              "Quikrete",              "Basalite",              "Aggregate Industries",              "Vulcan Materials",              "Sika Corporation"]}
+            title="Local Industry Partners"
+            description="We partner with top local suppliers to ensure premium quality finishes."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you provide free quotes?",
-          content: "Yes, we provide detailed, no-obligation free quotes after an on-site assessment of your project.",
-        },
-        {
-          id: "f2",
-          title: "What areas do you serve?",
-          content: "We proudly serve the greater Los Angeles area, providing specialized concrete and remodeling services.",
-        },
-        {
-          id: "f3",
-          title: "Is the team licensed and insured?",
-          content: "Absolutely. We are fully licensed, bonded, and insured, ensuring safety and accountability on every site.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Get clear answers about our process, pricing, and project timelines."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Do you provide free quotes?", content: "Yes, we provide detailed, no-obligation free quotes after an on-site assessment of your project." },
+              { id: "f2", title: "What areas do you serve?", content: "We proudly serve the greater Los Angeles area, providing specialized concrete and remodeling services." },
+              { id: "f3", title: "Is the team licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured, ensuring safety and accountability on every site." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/professional-engineers_1098-15509.jpg"
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Get clear answers about our process, pricing, and project timelines."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get Started"
-      title="Start Your Project Today"
-      description="Send us your project details for a free assessment and estimate."
-      imageSrc="http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773755.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get Started"
+            title="Start Your Project Today"
+            description="Send us your project details for a free assessment and estimate."
+            imageSrc="http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773755.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg"
-      logoText="LA Concrete"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/handyman-prepare-cement-use-construction_53876-42893.jpg"
+            logoText="LA Concrete"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Services", href: "#features" },
+                  { label: "Reviews", href: "#testimonials" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Use", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file