From 06321c4a8d4da09acd902e40f472d2f791525b64 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 22:23:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 220 ++++++++++-------------------------------------
 1 file changed, 46 insertions(+), 174 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fb5acc4..4c5a984 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Projects",
-          id: "projects",
-        },
+          name: "Projects",          id: "projects"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="DC Construction"
     />
@@ -59,45 +49,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Building the Future of Washington DC"
       description="Premium construction services dedicated to quality, precision, and the local community. Your vision, expertly built."
       buttons={[
         {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+          text: "Get a Quote",          href: "#contact"},
         {
-          text: "Our Services",
-          href: "#services",
-        },
+          text: "Our Services",          href: "#services"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg",
-          imageAlt: "Construction site project 1",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg",          imageAlt: "Construction site project 1"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-engineers-handling-assembly-workflow-with-industrial-plans-standing-near-steel-machinery_482257-136066.jpg",
-          imageAlt: "Construction site project 2",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/diverse-engineers-handling-assembly-workflow-with-industrial-plans-standing-near-steel-machinery_482257-136066.jpg",          imageAlt: "Construction site project 2"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg",
-          imageAlt: "Construction site project 3",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg",          imageAlt: "Construction site project 3"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661430.jpg",
-          imageAlt: "Construction site project 4",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings-daylight_23-2149661430.jpg",          imageAlt: "Construction site project 4"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-city-with-old-buildings-evening-with-mountains_181624-15547.jpg",
-          imageAlt: "Construction site project 5",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-city-with-old-buildings-evening-with-mountains_181624-15547.jpg",          imageAlt: "Construction site project 5"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431544.jpg",
-          imageAlt: "Construction site project 6",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431544.jpg",          imageAlt: "Construction site project 6"},
       ]}
     />
   </div>
@@ -108,8 +81,7 @@ export default function LandingPage() {
       title="Your Trusted Local Construction Partner"
       buttons={[
         {
-          text: "Learn More",
-        },
+          text: "Learn More"},
       ]}
     />
   </div>
@@ -122,20 +94,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Residential Construction",
-          description: "Custom homes and full renovations with local expertise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/draftsman-construction-site_23-2147785488.jpg",
-        },
+          title: "Residential Construction",          description: "Custom homes and full renovations with local expertise.",          imageSrc: "http://img.b2bpic.net/free-photo/draftsman-construction-site_23-2147785488.jpg"},
         {
-          title: "Commercial Builds",
-          description: "Professional spaces built to exceed industry standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-490.jpg",
-        },
+          title: "Commercial Builds",          description: "Professional spaces built to exceed industry standards.",          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-490.jpg"},
         {
-          title: "Renovation Services",
-          description: "Revitalizing existing structures with modern techniques.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95724.jpg",
-        },
+          title: "Renovation Services",          description: "Revitalizing existing structures with modern techniques.",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-business-district-night_107420-95724.jpg"},
       ]}
       title="Our Expert Services"
       description="Comprehensive construction solutions for residential and commercial projects."
@@ -144,46 +107,23 @@ export default function LandingPage() {
 
   <div id="projects" data-section="projects">
       <ProductCardThree
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Classic Home Facade",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892916.jpg",
-        },
+          id: "p1",          name: "Classic Home Facade",          price: "Completed",          imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892916.jpg"},
         {
-          id: "p2",
-          name: "Modern Office Space",
-          price: "In Progress",
-          imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004769.jpg",
-        },
+          id: "p2",          name: "Modern Office Space",          price: "In Progress",          imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004769.jpg"},
         {
-          id: "p3",
-          name: "Custom Masonry Work",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-projects_23-2148242924.jpg",
-        },
+          id: "p3",          name: "Custom Masonry Work",          price: "Completed",          imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-projects_23-2148242924.jpg"},
         {
-          id: "p4",
-          name: "Apartment Renovation",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg",
-        },
+          id: "p4",          name: "Apartment Renovation",          price: "Completed",          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-design-interior_23-2150954766.jpg"},
         {
-          id: "p5",
-          name: "Sustainable Housing",
-          price: "In Progress",
-          imageSrc: "http://img.b2bpic.net/free-photo/city-building-with-vegetation_23-2148798649.jpg",
-        },
+          id: "p5",          name: "Sustainable Housing",          price: "In Progress",          imageSrc: "http://img.b2bpic.net/free-photo/city-building-with-vegetation_23-2148798649.jpg"},
         {
-          id: "p6",
-          name: "Urban Design Build",
-          price: "Completed",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-building-architecture-concept_53876-125393.jpg",
-        },
+          id: "p6",          name: "Urban Design Build",          price: "Completed",          imageSrc: "http://img.b2bpic.net/free-photo/construction-building-architecture-concept_53876-125393.jpg"},
       ]}
       title="Featured Projects"
       description="Showcasing our dedication to excellence and architectural detail."
@@ -198,20 +138,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "15+",
-          description: "Years of Experience",
-        },
+          id: "m1",          value: "15+",          description: "Years of Experience"},
         {
-          id: "m2",
-          value: "300+",
-          description: "Projects Completed",
-        },
+          id: "m2",          value: "300+",          description: "Projects Completed"},
         {
-          id: "m3",
-          value: "100%",
-          description: "Client Satisfaction",
-        },
+          id: "m3",          value: "100%",          description: "Client Satisfaction"},
       ]}
       title="Results You Can Rely On"
       description="Numbers behind our commitment to excellence."
@@ -224,45 +155,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          title: "Great Work",
-          quote: "Reliable and precise. DC Construction transformed our home.",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg",
-        },
+          id: "1",          title: "Great Work",          quote: "Reliable and precise. DC Construction transformed our home.",          name: "Sarah Miller",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-sitting-with-business-customer_23-2147898441.jpg"},
         {
-          id: "2",
-          title: "Highly Recommend",
-          quote: "Professional team with exceptional attention to detail.",
-          name: "Mark Roberts",
-          role: "Business Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-old-man-with-white-helmet_23-2148269398.jpg",
-        },
+          id: "2",          title: "Highly Recommend",          quote: "Professional team with exceptional attention to detail.",          name: "Mark Roberts",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-old-man-with-white-helmet_23-2148269398.jpg"},
         {
-          id: "3",
-          title: "Excellent Service",
-          quote: "Exceeded expectations on our office renovation.",
-          name: "Jessica Lee",
-          role: "Office Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/constructors-talking-construction-site_23-2147710751.jpg",
-        },
+          id: "3",          title: "Excellent Service",          quote: "Exceeded expectations on our office renovation.",          name: "Jessica Lee",          role: "Office Manager",          imageSrc: "http://img.b2bpic.net/free-photo/constructors-talking-construction-site_23-2147710751.jpg"},
         {
-          id: "4",
-          title: "Reliable Partner",
-          quote: "Solid construction work delivered on time and budget.",
-          name: "David Clark",
-          role: "Real Estate Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
-        },
+          id: "4",          title: "Reliable Partner",          quote: "Solid construction work delivered on time and budget.",          name: "David Clark",          role: "Real Estate Developer",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg"},
         {
-          id: "5",
-          title: "Outstanding Quality",
-          quote: "The quality of masonry is top-tier. Very happy.",
-          name: "Anna Petrova",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28900.jpg",
-        },
+          id: "5",          title: "Outstanding Quality",          quote: "The quality of masonry is top-tier. Very happy.",          name: "Anna Petrova",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28900.jpg"},
       ]}
       title="What Clients Say"
       description="Professional construction, reliable results."
@@ -275,20 +176,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you handle residential and commercial projects?",
-          content: "Yes, our team is highly experienced in both domains.",
-        },
+          id: "f1",          title: "Do you handle residential and commercial projects?",          content: "Yes, our team is highly experienced in both domains."},
         {
-          id: "f2",
-          title: "How long do most projects take?",
-          content: "Timeline varies by project size; we provide detailed estimates upon consultation.",
-        },
+          id: "f2",          title: "How long do most projects take?",          content: "Timeline varies by project size; we provide detailed estimates upon consultation."},
         {
-          id: "f3",
-          title: "Are you licensed in Washington DC?",
-          content: "Yes, fully licensed, bonded, and insured in the DC area.",
-        },
+          id: "f3",          title: "Are you licensed in Washington DC?",          content: "Yes, fully licensed, bonded, and insured in the DC area."},
       ]}
       title="Frequently Asked Questions"
       description="Answers to commonly asked questions about our process."
@@ -303,20 +195,12 @@ export default function LandingPage() {
       description="5644 3rd st NE, Washington DC 20011 | +1 202 807 7499"
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
+          name: "name",          type: "text",          placeholder: "Your Name"},
         {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
+          name: "email",          type: "email",          placeholder: "Your Email"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your project",
-      }}
+        name: "message",        placeholder: "Tell us about your project"}}
       imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-lady-standing-near-model-building-table_23-2148039868.jpg"
     />
   </div>
@@ -325,33 +209,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}