From 85872bb796a1972c9938113696849c93d4c1047c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 13:50:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 518 ++++++++++++++---------------------------------
 1 file changed, 156 insertions(+), 362 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c7fe3b0..fa9b435 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,378 +29,172 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Expertise",
-          id: "#expertise",
-        },
-        {
-          name: "Process",
-          id: "#process",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-      ]}
-      brandName="United Roofing"
-      button={{
-        text: "Get Inspection",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "#services" },
+              { name: "Expertise", id: "#expertise" },
+              { name: "Process", id: "#process" },
+              { name: "About", id: "#about" },
+            ]}
+            brandName="United Roofing"
+            button={{ text: "Get Inspection", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Roofing Help You Can Trust — Right When You Need It"
-      description="Fast, honest roof repair and replacement with expert guidance, clear communication, and workmanship that holds up."
-      tag="Trusted by DC Homeowners"
-      buttons={[
-        {
-          text: "Get a Free Inspection",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:5550101",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg?_wi=1",
-          imageAlt: "Urban rowhouse roofing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg?_wi=1",
-          imageAlt: "Professional team",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
-          imageAlt: "Man walking on the roof",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brown-light-yellow-building-blue-sky_181624-3894.jpg",
-          imageAlt: "Vertical shot of a brown and light yellow building under a blue sky",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-cityscape-st-gallen-switzerland-winter-with-snow-roofs_181624-18462.jpg",
-          imageAlt: "High angle shot of the cityscape of St Gallen, Switzerland in winter with snow on roofs",
-        },
-      ]}
-      rating={5}
-      ratingText="Verified 5-star response rate"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Roofing Help You Can Trust — Right When You Need It"
+            description="Fast, honest roof repair and replacement with expert guidance, clear communication, and workmanship that holds up."
+            tag="Trusted by DC Homeowners"
+            buttons={[
+              { text: "Get a Free Inspection", href: "#contact" },
+              { text: "Call Now", href: "tel:5550101" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "Urban rowhouse roofing" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg", imageAlt: "Professional team" }
+            ]}
+            rating={5}
+            ratingText="Verified 5-star response rate"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Capitol Hill Rowhouses",
-        "Adams Morgan Properties",
-        "Dupont Circle Roofs",
-        "Georgetown Homeowners",
-        "Logan Circle Estates",
-        "U Street Revitalization",
-        "Shaw Neighborhood Trust",
-      ]}
-      title="Trusted by Homeowners Across the City"
-      description="We are consistently rated for our speed, honesty, and clear communication."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+            <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Capitol Hill Rowhouses",              "Adams Morgan Properties",              "Dupont Circle Roofs",              "Georgetown Homeowners",              "Logan Circle Estates",              "U Street Revitalization",              "Shaw Neighborhood Trust"]}
+            title="Trusted by Homeowners Across the City"
+            description="We are consistently rated for our speed, honesty, and clear communication."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Roof Repair",
-          description: "Fast diagnosis and durable repairs for leaks, storm damage, and flashing issues.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=1",
-            imageAlt: "Roof repair detail",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Same-day assessment",
-            },
-            {
-              icon: CheckCircle,
-              text: "Durable materials",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg?_wi=2",
-          imageAlt: "roofing installation detail",
-        },
-        {
-          title: "Flat Roof Systems",
-          description: "Specialized flat roof repair and restoration for city rowhomes.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=1",
-            imageAlt: "Flat roof restoration",
-          },
-          items: [
-            {
-              icon: Shield,
-              text: "Leak prevention",
-            },
-            {
-              icon: CheckCircle,
-              text: "Professional sealing",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmets-working-together_23-2149343700.jpg?_wi=1",
-          imageAlt: "roofing installation detail",
-        },
-        {
-          title: "Roof Inspections",
-          description: "Detailed inspections with honest guidance on what you actually need.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg",
-            imageAlt: "Roof inspection",
-          },
-          items: [
-            {
-              icon: Award,
-              text: "Photo documentation",
-            },
-            {
-              icon: CheckCircle,
-              text: "Detailed findings",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/omg-wow-portrait-emotional-surprised-young-european-service-technicians-wearing-safety-goggles-looking-full-disbelief-keeping-mouths-wide-opened-eyes-popped-out_273609-7887.jpg",
-          imageAlt: "roofing installation detail",
-        },
-      ]}
-      title="Roofing Services Built Around Real Problems"
-      description="Clear, practical solutions for your urban property."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Roof Repair",                description: "Fast diagnosis and durable repairs for leaks, storm damage, and flashing issues.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Roof repair detail" },
+                items: [{ icon: CheckCircle, text: "Same-day assessment" }, { icon: CheckCircle, text: "Durable materials" }],
+                reverse: false
+              },
+              {
+                title: "Flat Roof Systems",                description: "Specialized flat roof repair and restoration for city rowhomes.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "Flat roof restoration" },
+                items: [{ icon: Shield, text: "Leak prevention" }, { icon: CheckCircle, text: "Professional sealing" }],
+                reverse: true
+              },
+              {
+                title: "Roof Inspections",                description: "Detailed inspections with honest guidance on what you actually need.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg", imageAlt: "Roof inspection" },
+                items: [{ icon: Award, text: "Photo documentation" }, { icon: CheckCircle, text: "Detailed findings" }],
+                reverse: false
+              },
+            ]}
+            title="Roofing Services Built Around Real Problems"
+            description="Clear, practical solutions for your urban property."
+          />
+        </div>
 
-  <div id="differentiation" data-section="differentiation">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="What Makes United Roofing Different"
-      tag="Our Brand Edge"
-      metrics={[
-        {
-          id: "m1",
-          value: "Fast",
-          description: "Quick response when you need it most.",
-        },
-        {
-          id: "m2",
-          value: "Honest",
-          description: "No pressure selling or unnecessary work.",
-        },
-        {
-          id: "m3",
-          value: "Clear",
-          description: "Detailed explanations every step of the way.",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="differentiation" data-section="differentiation">
+            <MetricCardFourteen
+            useInvertedBackground={false}
+            title="What Makes United Roofing Different"
+            tag="Our Brand Edge"
+            metrics={[
+              { id: "m1", value: "Fast", description: "Quick response when you need it most." },
+              { id: "m2", value: "Honest", description: "No pressure selling or unnecessary work." },
+              { id: "m3", value: "Clear", description: "Detailed explanations every step of the way." },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "p1",
-          title: "Step 1: Inspect",
-          content: "We assess the issue carefully and identify what is actually happening.",
-        },
-        {
-          id: "p2",
-          title: "Step 2: Explain",
-          content: "We walk you through findings and options without pressure.",
-        },
-        {
-          id: "p3",
-          title: "Step 3: Execute",
-          content: "Our team completes the work professionally and cleanly.",
-        },
-        {
-          id: "p4",
-          title: "Step 4: Follow Through",
-          content: "We document results and answer your questions.",
-        },
-      ]}
-      sideTitle="A Roofing Process That Feels Clear From Day One"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="process" data-section="process">
+            <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "p1", title: "Step 1: Inspect", content: "We assess the issue carefully and identify what is actually happening." },
+              { id: "p2", title: "Step 2: Explain", content: "We walk you through findings and options without pressure." },
+              { id: "p3", title: "Step 3: Execute", content: "Our team completes the work professionally and cleanly." },
+              { id: "p4", title: "Step 4: Follow Through", content: "We document results and answer your questions." },
+            ]}
+            sideTitle="A Roofing Process That Feels Clear From Day One"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="expertise" data-section="expertise">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Built for Flat Roofs and Rowhomes"
-      description="United Roofing understands how urban roofs behave, how leaks travel, and how to solve issues efficiently without overselling."
-      bulletPoints={[
-        {
-          title: "Urban Specialized",
-          description: "Expertise in DC-style rowhome architecture.",
-        },
-        {
-          title: "Rapid Turnaround",
-          description: "Efficient solutions for time-sensitive leaks.",
-        },
-        {
-          title: "Transparent",
-          description: "Honest diagnostics for peace of mind.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/lviv-from-bird-s-eye-view-city-from-lviv-view-city-from-tower-colored-roofs_1321-4656.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="expertise" data-section="expertise">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Built for Flat Roofs and Rowhomes"
+            description="United Roofing understands how urban roofs behave, how leaks travel, and how to solve issues efficiently without overselling."
+            bulletPoints={[
+              { title: "Urban Specialized", description: "Expertise in DC-style rowhome architecture." },
+              { title: "Rapid Turnaround", description: "Efficient solutions for time-sensitive leaks." },
+              { title: "Transparent", description: "Honest diagnostics for peace of mind." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/lviv-from-bird-s-eye-view-city-from-lviv-view-city-from-tower-colored-roofs_1321-4656.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          date: "Oct 2023",
-          title: "Great Experience",
-          quote: "They responded the same day and explained everything clearly.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg?_wi=3",
-          imageAlt: "satisfied homeowner rowhouse",
-        },
-        {
-          id: "2",
-          name: "James Chen",
-          date: "Sep 2023",
-          title: "Very Professional",
-          quote: "They didn’t try to sell me something I didn’t need.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/omg-wow-portrait-emotional-surprised-young-european-service-technicians-wearing-safety-goggles-looking-full-disbelief-keeping-mouths-wide-opened-eyes-popped-out_273609-7887.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=2",
-          imageAlt: "satisfied homeowner rowhouse",
-        },
-        {
-          id: "3",
-          name: "Emily Davis",
-          date: "Aug 2023",
-          title: "Life Saver",
-          quote: "Professional, fast, honest, and easy to work with.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=2",
-          imageAlt: "satisfied homeowner rowhouse",
-        },
-        {
-          id: "4",
-          name: "Mark Wilson",
-          date: "Jul 2023",
-          title: "Highly Recommend",
-          quote: "Kept us informed and delivered exactly what they promised.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmets-working-together_23-2149343700.jpg?_wi=2",
-          imageAlt: "satisfied homeowner rowhouse",
-        },
-        {
-          id: "5",
-          name: "Linda Gomez",
-          date: "Jun 2023",
-          title: "Great Team",
-          quote: "Professional and clean work throughout the project.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg?_wi=2",
-          imageAlt: "satisfied homeowner rowhouse",
-        },
-      ]}
-      title="Homeowner Stories"
-      description="What our customers are saying about our service."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Great Experience", quote: "They responded the same day and explained everything clearly.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-t-shirt-jacket-cap-looking-dreamy-front-view_176474-57862.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "satisfied homeowner rowhouse" },
+              { id: "2", name: "James Chen", date: "Sep 2023", title: "Very Professional", quote: "They didn’t try to sell me something I didn’t need.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/omg-wow-portrait-emotional-surprised-young-european-service-technicians-wearing-safety-goggles-looking-full-disbelief-keeping-mouths-wide-opened-eyes-popped-out_273609-7887.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "satisfied homeowner rowhouse" },
+              { id: "3", name: "Emily Davis", date: "Aug 2023", title: "Life Saver", quote: "Professional, fast, honest, and easy to work with.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", imageAlt: "satisfied homeowner rowhouse" },
+              { id: "4", name: "Mark Wilson", date: "Jul 2023", title: "Highly Recommend", quote: "Kept us informed and delivered exactly what they promised.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30469.jpg", imageSrc: "http://img.b2bpic.net/free-photo/men-with-helmets-working-together_23-2149343700.jpg", imageAlt: "satisfied homeowner rowhouse" },
+              { id: "5", name: "Linda Gomez", date: "Jun 2023", title: "Great Team", quote: "Professional and clean work throughout the project.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg", imageAlt: "satisfied homeowner rowhouse" },
+            ]}
+            title="Homeowner Stories"
+            description="What our customers are saying about our service."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="A Team Built on Honesty and Care"
-      description="United Roofing is the kind of company homeowners call when they want straightforward answers. We show up fast, explain clearly, and treat every project with professionalism."
-      bulletPoints={[
-        {
-          title: "Honest Guidance",
-          description: "We put your needs first.",
-        },
-        {
-          title: "Professional Team",
-          description: "Qualified, tidy, and reliable.",
-        },
-        {
-          title: "Peace of Mind",
-          description: "Handled properly, every time.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="A Team Built on Honesty and Care"
+            description="United Roofing is the kind of company homeowners call when they want straightforward answers. We show up fast, explain clearly, and treat every project with professionalism."
+            bulletPoints={[
+              { title: "Honest Guidance", description: "We put your needs first." },
+              { title: "Professional Team", description: "Qualified, tidy, and reliable." },
+              { title: "Peace of Mind", description: "Handled properly, every time." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      text="Need Roofing Help Without the Runaround? Schedule a free inspection and get honest guidance, fast communication, and peace of mind."
-      buttons={[
-        {
-          text: "Book Free Inspection",
-          href: "#",
-        },
-        {
-          text: "Call United Roofing",
-          href: "tel:5550101",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-animated" }}
+            text="Need Roofing Help Without the Runaround? Schedule a free inspection and get honest guidance, fast communication, and peace of mind."
+            buttons={[
+              { text: "Book Free Inspection", href: "#" },
+              { text: "Call United Roofing", href: "tel:5550101" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="United Roofing"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 United Roofing",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoReveal
+            logoText="United Roofing"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "© 2024 United Roofing", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1