From 663fe1b71b09cea4733eb3a221a8dd9b56b64794 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 16:37:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 244 ++++++++---------------------------------------
 1 file changed, 41 insertions(+), 203 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16f8b6f..cc249ca 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="background-highlight"
         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">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Projects",
-          id: "projects",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Projects", id: "projects" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="BuildPros"
     />
@@ -54,14 +46,8 @@ export default function LandingPage() {
       logoText="BuildPros Construction"
       description="Transforming visions into reality with precision, quality, and structural integrity. Your partner in professional construction excellence."
       buttons={[
-        {
-          text: "View Projects",
-          href: "#projects",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "View Projects", href: "#projects" },
+        { text: "Contact Us", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35557.jpg"
       imageAlt="Professional construction site"
@@ -71,13 +57,9 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      tag="About Us"
       title="Built on Trust & Integrity"
       buttons={[
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Learn More", href: "#about" },
       ]}
     />
   </div>
@@ -88,23 +70,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Residential Construction",
-          description: "Custom homes and renovations built to last.",
-          imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",
-          imageAlt: "Residential construction",
-        },
+          title: "Residential Construction",          description: "Custom homes and renovations built to last.",          imageSrc: "http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg",          imageAlt: "Residential construction"},
         {
-          title: "Commercial Development",
-          description: "High-impact spaces for modern business needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-walking-up-abandoned-building_23-2147770392.jpg",
-          imageAlt: "Commercial construction",
-        },
+          title: "Commercial Development",          description: "High-impact spaces for modern business needs.",          imageSrc: "http://img.b2bpic.net/free-photo/person-walking-up-abandoned-building_23-2147770392.jpg",          imageAlt: "Commercial construction"},
         {
-          title: "Foundation & Structural",
-          description: "Solid groundwork for sustainable structures.",
-          imageSrc: "http://img.b2bpic.net/free-photo/building-new-concrete-house_1398-2997.jpg",
-          imageAlt: "Foundation works",
-        },
+          title: "Foundation & Structural",          description: "Solid groundwork for sustainable structures.",          imageSrc: "http://img.b2bpic.net/free-photo/building-new-concrete-house_1398-2997.jpg",          imageAlt: "Foundation works"},
       ]}
       title="Professional Services"
       description="Comprehensive construction solutions tailored to your unique requirements and vision."
@@ -118,42 +88,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Modern Luxury Home",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg",
-        },
-        {
-          id: "p2",
-          name: "Corporate Office Complex",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg",
-        },
-        {
-          id: "p3",
-          name: "Heritage Restoration",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans-table_23-2147704231.jpg",
-        },
-        {
-          id: "p4",
-          name: "Multi-Unit Housing",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/cantilever-loading-decks-concrete-frame-closeup-yellow-focus_169016-69863.jpg",
-        },
-        {
-          id: "p5",
-          name: "Sustainable Community Hub",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317370.jpg",
-        },
-        {
-          id: "p6",
-          name: "Retail Storefront",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg",
-        },
+        { id: "p1", name: "Modern Luxury Home", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg" },
+        { id: "p2", name: "Corporate Office Complex", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/close-up-equipment-used-apartment-renovation_23-2149278635.jpg" },
+        { id: "p3", name: "Heritage Restoration", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/engineering-concept-with-plans-table_23-2147704231.jpg" },
+        { id: "p4", name: "Multi-Unit Housing", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/cantilever-loading-decks-concrete-frame-closeup-yellow-focus_169016-69863.jpg" },
+        { id: "p5", name: "Sustainable Community Hub", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317370.jpg" },
+        { id: "p6", name: "Retail Storefront", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/crawler-bulldozer_1388-578.jpg" },
       ]}
       title="Our Portfolio"
       description="Showcasing our dedication to craftsmanship and structural excellence."
@@ -167,46 +107,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CEO",
-          company: "Global Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg",
-        },
-        {
-          id: "2",
-          name: "John Doe",
-          role: "Property Manager",
-          company: "Urban Living",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-looking-each-other_23-2148269318.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Chen",
-          role: "Owner",
-          company: "Homeowner",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Wilson",
-          role: "Developer",
-          company: "City Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena Rodriguez",
-          role: "Architect",
-          company: "Studio Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
-        },
+        { id: "1", name: "Sarah Miller", role: "CEO", company: "Global Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg" },
+        { id: "2", name: "John Doe", role: "Property Manager", company: "Urban Living", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-looking-each-other_23-2148269318.jpg" },
+        { id: "3", name: "Emily Chen", role: "Owner", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg" },
+        { id: "4", name: "Mark Wilson", role: "Developer", company: "City Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet-indoors_23-2148920599.jpg" },
+        { id: "5", name: "Elena Rodriguez", role: "Architect", company: "Studio Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg" },
       ]}
       title="Client Success Stories"
       description="Hear what our partners have to say about our commitment to excellence."
@@ -215,26 +120,14 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
-      animationType="depth-3d"
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Years Experience",
-        },
-        {
-          id: "m2",
-          value: "200+",
-          description: "Projects Completed",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Safety Record",
-        },
+        { id: "m1", value: "15+", description: "Years Experience" },
+        { id: "m2", value: "200+", description: "Projects Completed" },
+        { id: "m3", value: "100%", description: "Safety Record" },
       ]}
       title="By The Numbers"
       description="Demonstrable impact in the construction industry through consistent delivery."
@@ -246,21 +139,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you provide estimates?",
-          content: "Yes, we offer detailed consultations and estimates for all new projects.",
-        },
-        {
-          id: "f2",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We carry comprehensive insurance and maintain all required licenses.",
-        },
-        {
-          id: "f3",
-          title: "How long does a typical build take?",
-          content: "Timelines vary by scope. We provide a projected schedule during our initial phase.",
-        },
+        { id: "f1", title: "Do you provide estimates?", content: "Yes, we offer detailed consultations and estimates for all new projects." },
+        { id: "f2", title: "Are you licensed and insured?", content: "Absolutely. We carry comprehensive insurance and maintain all required licenses." },
+        { id: "f3", title: "How long does a typical build take?", content: "Timelines vary by scope. We provide a projected schedule during our initial phase." },
       ]}
       title="Common Questions"
       description="Find answers to frequently asked questions about our process."
@@ -270,18 +151,11 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
       tag="Get in Touch"
       title="Start Your Project"
       description="Ready to break ground? Contact our team today to get started."
       buttons={[
-        {
-          text: "Contact Support",
-          href: "#contact",
-        },
+        { text: "Contact Support", href: "#contact" },
       ]}
     />
   </div>
@@ -290,49 +164,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="BuildPros"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Portfolio",
-          items: [
-            {
-              label: "Projects",
-              href: "#projects",
-            },
-            {
-              label: "Safety",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
+        { title: "Portfolio", items: [{ label: "Projects", href: "#projects" }, { label: "Safety", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file