From c987432514d6c0e7aa2cb5cb880a4169114d7f79 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 22:54:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 537 ++++++++++++++---------------------------------
 1 file changed, 154 insertions(+), 383 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2ca7e8a..52d17f1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,398 +28,169 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Projects",
-          id: "portfolio",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="D&J Construction"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Projects", id: "portfolio" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="D&J Construction"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Craftsmanship You Can Count On."
-      description="D&J Construction Services brings 15+ years of quality, reliability, and care to every project — from full home remodels to commercial builds."
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "See Our Work",
-          href: "#portfolio",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg",
-          imageAlt: "luxury construction site interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-standing-talking-colleagues_23-2147668768.jpg",
-          imageAlt: "luxury desert home exterior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929379.jpg",
-          imageAlt: "luxury kitchen remodel",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1127-2202.jpg",
-          imageAlt: "structural construction commercial",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-boxes-climbing-long-modern-stairs-urban-loft_169016-69550.jpg",
-          imageAlt: "custom wooden staircase design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-slate-paving-stones_23-2151932233.jpg",
-          imageAlt: "luxury backyard landscaping",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Craftsmanship You Can Count On."
+            description="D&J Construction Services brings 15+ years of quality, reliability, and care to every project — from full home remodels to commercial builds."
+            buttons={[
+              { text: "Get a Free Quote", href: "#contact" },
+              { text: "See Our Work", href: "#portfolio" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg", imageAlt: "luxury construction site interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-standing-talking-colleagues_23-2147668768.jpg", imageAlt: "luxury desert home exterior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929379.jpg", imageAlt: "luxury kitchen remodel" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interior-contemporary-building_1127-2202.jpg", imageAlt: "structural construction commercial" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-boxes-climbing-long-modern-stairs-urban-loft_169016-69550.jpg", imageAlt: "custom wooden staircase design" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/grey-slate-paving-stones_23-2151932233.jpg", imageAlt: "luxury backyard landscaping" },
+            ]}
+          />
+        </div>
 
-  <div id="about-metrics" data-section="about-metrics">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Proven Excellence"
-      metrics={[
-        {
-          label: "Years in Business",
-          value: "15+",
-          icon: Award,
-        },
-        {
-          label: "Project Types",
-          value: "Res/Com",
-          icon: Building,
-        },
-        {
-          label: "Status",
-          value: "Licensed",
-          icon: ShieldCheck,
-        },
-        {
-          label: "Region",
-          value: "Arizona",
-          icon: MapPin,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about-metrics" data-section="about-metrics">
+            <AboutMetric
+            useInvertedBackground={false}
+            title="Proven Excellence"
+            metrics={[
+              { label: "Years in Business", value: "15+", icon: Award },
+              { label: "Project Types", value: "Res/Com", icon: Building },
+              { label: "Status", value: "Licensed", icon: ShieldCheck },
+              { label: "Region", value: "Arizona", icon: MapPin },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <FeatureCardTwentyFour
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Jose Led Crew",
-          author: "Owner",
-          description: "Family-owned and operated leadership.",
-          tags: [
-            "Leadership",
-            "Family",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-against-pavement-shows-thumb_627829-11397.jpg",
-        },
-        {
-          id: "f2",
-          title: "15+ Years",
-          author: "Legacy",
-          description: "Unmatched expertise in Arizona.",
-          tags: [
-            "Experience",
-            "Trust",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-workshop-measuring-close-up_23-2148836018.jpg",
-        },
-        {
-          id: "f3",
-          title: "Quality First",
-          author: "Standards",
-          description: "No shortcuts, ever.",
-          tags: [
-            "Luxury",
-            "Craft",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-modern-house-wooden-spiral-staircase_181624-21971.jpg",
-        },
-      ]}
-      title="Who We Are"
-      description="When you hire D&J, you’re not just hiring a contractor. You’re getting a team that shows up, communicates, and refuses to cut corners. Led by Jose, our crew has built homes, renovated interiors, tackled commercial projects, and earned the trust of clients who come back year after year. \"They treat you like family, making you feel valued and respected.\" — Alicia A."
-    />
-  </div>
+        <div id="about" data-section="about">
+            <FeatureCardTwentyFour
+            textboxLayout="split"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            features={[
+              {
+                id: "f1",                title: "Jose Led Crew",                author: "Owner",                description: "Family-owned and operated leadership.",                tags: ["Leadership", "Family"],
+                imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-against-pavement-shows-thumb_627829-11397.jpg"
+              },
+              {
+                id: "f2",                title: "15+ Years",                author: "Legacy",                description: "Unmatched expertise in Arizona.",                tags: ["Experience", "Trust"],
+                imageSrc: "http://img.b2bpic.net/free-photo/woman-working-workshop-measuring-close-up_23-2148836018.jpg"
+              },
+              {
+                id: "f3",                title: "Quality First",                author: "Standards",                description: "No shortcuts, ever.",                tags: ["Luxury", "Craft"],
+                imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-modern-house-wooden-spiral-staircase_181624-21971.jpg"
+              },
+            ]}
+            title="Who We Are"
+            description="When you hire D&J, you’re not just hiring a contractor. You’re getting a team that shows up, communicates, and refuses to cut corners. Led by Jose, our crew has built homes, renovated interiors, tackled commercial projects, and earned the trust of clients who come back year after year. \"They treat you like family, making you feel valued and respected.\" — Alicia A."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Home Remodeling",
-          author: "Residential",
-          description: "Transforming your living space.",
-          tags: [
-            "Remodel",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-building-construction-25-outline-icon-pack-such-as-building-gage-garden-repair-building_1142-25145.jpg",
-        },
-        {
-          id: "s2",
-          title: "Exterior Repairs",
-          author: "General",
-          description: "Repairs and painting services.",
-          tags: [
-            "Exterior",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-building-construction-25-line-filled-icon-pack-such-as-hostel-city-tools-building-appartment_1142-22533.jpg",
-        },
-        {
-          id: "s3",
-          title: "Structural Work",
-          author: "Technical",
-          description: "Glulam beams, framing, and more.",
-          tags: [
-            "Structural",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/square-rectangle-box-banner-emblem-graphic_53876-132287.jpg",
-        },
-        {
-          id: "s4",
-          title: "Interior Work",
-          author: "Finishing",
-          description: "Stairs, drywall, flooring, etc.",
-          tags: [
-            "Interior",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/house-painter-flat-set_1284-5205.jpg",
-        },
-        {
-          id: "s5",
-          title: "Commercial Builds",
-          author: "Business",
-          description: "Professional construction builds.",
-          tags: [
-            "Commercial",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/orthodox-priest-serving-church-wedding-ceremony_1268-17934.jpg",
-        },
-        {
-          id: "s6",
-          title: "New Home Builds",
-          author: "General",
-          description: "Start to finish new construction.",
-          tags: [
-            "New Build",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg",
-        },
-      ]}
-      title="We Handle It All"
-      description="Comprehensive construction solutions tailored for residential and commercial needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="We Handle It All"
+            description="Comprehensive construction solutions tailored for residential and commercial needs."
+            features={[
+              { id: "s1", title: "Home Remodeling", author: "Residential", description: "Transforming your living space.", tags: ["Remodel"], imageSrc: "http://img.b2bpic.net/free-vector/creative-building-construction-25-outline-icon-pack-such-as-building-gage-garden-repair-building_1142-25145.jpg" },
+              { id: "s2", title: "Exterior Repairs", author: "General", description: "Repairs and painting services.", tags: ["Exterior"], imageSrc: "http://img.b2bpic.net/free-vector/creative-building-construction-25-line-filled-icon-pack-such-as-hostel-city-tools-building-appartment_1142-22533.jpg" },
+              { id: "s3", title: "Structural Work", author: "Technical", description: "Glulam beams, framing, and more.", tags: ["Structural"], imageSrc: "http://img.b2bpic.net/free-photo/square-rectangle-box-banner-emblem-graphic_53876-132287.jpg" },
+              { id: "s4", title: "Interior Work", author: "Finishing", description: "Stairs, drywall, flooring, etc.", tags: ["Interior"], imageSrc: "http://img.b2bpic.net/free-vector/house-painter-flat-set_1284-5205.jpg" },
+              { id: "s5", title: "Commercial Builds", author: "Business", description: "Professional construction builds.", tags: ["Commercial"], imageSrc: "http://img.b2bpic.net/free-photo/orthodox-priest-serving-church-wedding-ceremony_1268-17934.jpg" },
+              { id: "s6", title: "New Home Builds", author: "General", description: "Start to finish new construction.", tags: ["New Build"], imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="why-choose-us" data-section="why-choose-us">
-      <MetricCardEleven
-      animationType="scale-rotate"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "1",
-          title: "We Show Up",
-          description: "Punctuality is our baseline.",
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-cute-house_53876-44056.jpg",
-        },
-        {
-          id: "m2",
-          value: "2",
-          title: "No Shortcuts",
-          description: "We do it right every time.",
-          imageSrc: "http://img.b2bpic.net/free-vector/roof-repair-logo-templates-collection_1284-999.jpg",
-        },
-        {
-          id: "m3",
-          value: "3",
-          title: "Transparency",
-          description: "Fair pricing and communication.",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-city-building-solid-glyph-icon-presentation_1142-27161.jpg",
-        },
-        {
-          id: "m4",
-          value: "4",
-          title: "Start to Finish",
-          description: "We handle every detail.",
-          imageSrc: "http://img.b2bpic.net/free-vector/architect-worker-holding-blueprint-engineering-architecture-job-occupation-doodle-concept-professional-engineer-wear-helmet-with-work-tools-compass-pencil-crane-line-art-vector-illustration_107791-11111.jpg",
-        },
-      ]}
-      title="The D&J Difference"
-      description="Our core pillars define everything we do."
-    />
-  </div>
+        <div id="why-choose-us" data-section="why-choose-us">
+            <MetricCardEleven
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="The D&J Difference"
+            description="Our core pillars define everything we do."
+            metrics={[
+              { id: "m1", value: "1", title: "We Show Up", description: "Punctuality is our baseline.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-cute-house_53876-44056.jpg" },
+              { id: "m2", value: "2", title: "No Shortcuts", description: "We do it right every time.", imageSrc: "http://img.b2bpic.net/free-vector/roof-repair-logo-templates-collection_1284-999.jpg" },
+              { id: "m3", value: "3", title: "Transparency", description: "Fair pricing and communication.", imageSrc: "http://img.b2bpic.net/free-vector/20-city-building-solid-glyph-icon-presentation_1142-27161.jpg" },
+              { id: "m4", value: "4", title: "Start to Finish", description: "We handle every detail.", imageSrc: "http://img.b2bpic.net/free-vector/architect-worker-holding-blueprint-engineering-architecture-job-occupation-doodle-concept-professional-engineer-wear-helmet-with-work-tools-compass-pencil-crane-line-art-vector-illustration_107791-11111.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="D&J turned my botched remodel into a work of art. The attention to detail is just unmatched. Truly a master class in construction."
-      rating={5}
-      author="Adam Mayhan"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
-          alt: "Adam",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",
-          alt: "Julie",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
-          alt: "Laura",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-brunette-woman-reading-mobile-phone-sitting-home-using-smartphone_1258-199777.jpg",
-          alt: "Alicia",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-          alt: "Lena",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="D&J turned my botched remodel into a work of art. The attention to detail is just unmatched. Truly a master class in construction."
+            rating={5}
+            author="Adam Mayhan"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg", alt: "Adam" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg", alt: "Julie" },
+              { src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Laura" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-brunette-woman-reading-mobile-phone-sitting-home-using-smartphone_1258-199777.jpg", alt: "Alicia" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Lena" }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Luxury Exterior",
-          price: "Renovation",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-with-bid-dining-room-modern-private-house_181624-17504.jpg",
-        },
-        {
-          id: "p2",
-          name: "Interior Remodel",
-          price: "Kitchen",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821287.jpg",
-        },
-        {
-          id: "p3",
-          name: "Structural Build",
-          price: "Commercial",
-          imageSrc: "http://img.b2bpic.net/free-photo/stack-wooden-planks-sawmill-lumber-yard_342744-510.jpg",
-        },
-        {
-          id: "p4",
-          name: "Staircase Craft",
-          price: "Custom",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-tape-measure-wall_23-2148384475.jpg",
-        },
-        {
-          id: "p5",
-          name: "Landscape Coordination",
-          price: "Outdoor",
-          imageSrc: "http://img.b2bpic.net/free-photo/nomadic-architecture-desert_181624-26737.jpg",
-        },
-        {
-          id: "p6",
-          name: "Painting Finish",
-          price: "Interior",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-wall-medium-shot_23-2149098983.jpg",
-        },
-      ]}
-      title="Built With Pride"
-      description="Explore our recent architectural transformations."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            title="Built With Pride"
+            description="Explore our recent architectural transformations."
+            products={[
+              { id: "p1", name: "Luxury Exterior", price: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/interior-with-bid-dining-room-modern-private-house_181624-17504.jpg" },
+              { id: "p2", name: "Interior Remodel", price: "Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821287.jpg" },
+              { id: "p3", name: "Structural Build", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/stack-wooden-planks-sawmill-lumber-yard_342744-510.jpg" },
+              { id: "p4", name: "Staircase Craft", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tape-measure-wall_23-2148384475.jpg" },
+              { id: "p5", name: "Landscape Coordination", price: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/nomadic-architecture-desert_181624-26737.jpg" },
+              { id: "p6", name: "Painting Finish", price: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/woman-painting-wall-medium-shot_23-2149098983.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Get In Touch"
-      title="Ready to Build Something Great?"
-      description="Tell us about your project and we’ll be in touch within 24 hours."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Get In Touch"
+            title="Ready to Build Something Great?"
+            description="Tell us about your project and we’ll be in touch within 24 hours."
+            buttons={[{ text: "Contact Us", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Projects",
-              href: "#portfolio",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="D&J Construction Services, LLC"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            logoText="D&J Construction Services, LLC"
+            columns={[
+              { items: [{ label: "Services", href: "#services" }, { label: "Projects", href: "#portfolio" }] },
+              { items: [{ label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1