From c1afb9256a3b5bbad40b901d46f2dafc9f7f1a27 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 13:27:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 425 +++++++++++++----------------------------------
 1 file changed, 114 insertions(+), 311 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ff6a0b..49cae68 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,324 +27,127 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Precision Roofing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Process", id: "process" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Precision Roofing"
+            button={{ text: "Contact", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Roofing Done Right — The First Time."
-      description="No excuses. No delays. Just precision work, clear communication, and results that last."
-      tag="Precision Roofing"
-      buttons={[
-        {
-          text: "Get a Free Inspection",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+1000000000",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-from-orange-buildings-fence-front-it_181624-19323.jpg",
-          imageAlt: "Luxury home exterior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571913.jpg",
-          imageAlt: "Professional roof inspection",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-beautiful-wooden-house-with-decorations-windows-near-sea_181624-17764.jpg",
-          imageAlt: "Beautiful wooden house exterior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-stone-building-with-large-windows_23-2148252828.jpg",
-          imageAlt: "Modern stone building architecture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107110.jpg",
-          imageAlt: "Luxury city building corner",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Rated 5 stars by over 500+ homeowners"
-      tagIcon={ShieldCheck}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Roofing Done Right — The First Time."
+            description="No excuses. No delays. Just precision work, clear communication, and results that last."
+            tag="Precision Roofing"
+            tagIcon={ShieldCheck}
+            buttons={[
+              { text: "Get a Free Inspection", href: "#contact" },
+              { text: "Call Now", href: "tel:+1000000000" }
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-from-orange-buildings-fence-front-it_181624-19323.jpg", imageAlt: "Luxury home exterior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571913.jpg", imageAlt: "Professional roof inspection" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Rated 5 stars by over 500+ homeowners"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Roof Leak Repair",
-          description: "Rapid response to stop damage before it escalates.",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg",
-          imageAlt: "Roof repair service",
-        },
-        {
-          title: "Roof Replacement",
-          description: "Full-scale replacement with high-end premium materials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg",
-          imageAlt: "Roof replacement work",
-        },
-        {
-          title: "Emergency Repairs",
-          description: "24/7 emergency support when you need it most.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-exercising-staircase-winter_23-2147905357.jpg",
-          imageAlt: "Emergency roof support",
-        },
-        {
-          title: "Exterior Renovation",
-          description: "Total aesthetic and structural upgrades for your property.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg",
-          imageAlt: "Modern home construction",
-        },
-        {
-          title: "Consultation Services",
-          description: "Professional engineering assessment of existing roofing systems.",
-          imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg",
-          imageAlt: "Professional inspection service",
-        },
-      ]}
-      title="Premium Roofing & Exterior Solutions"
-      description="Comprehensive services tailored for high-end properties."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Roof Leak Repair", description: "Rapid response to stop damage before it escalates.", imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg", imageAlt: "Roof repair service" },
+              { title: "Roof Replacement", description: "Full-scale replacement with high-end premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg", imageAlt: "Roof replacement work" },
+              { title: "Emergency Repairs", description: "24/7 emergency support when you need it most.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-athlete-exercising-staircase-winter_23-2147905357.jpg", imageAlt: "Emergency roof support" }
+            ]}
+            title="Premium Roofing & Exterior Solutions"
+            description="Comprehensive services tailored for high-end properties."
+          />
+        </div>
 
-  <div id="why" data-section="why">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Why Clients Choose Us"
-      description="We don't just fix roofs; we restore trust. Our systems are built on transparency and accountability."
-      bulletPoints={[
-        {
-          title: "Written Guarantees",
-          description: "Everything documented to ensure you get exactly what you paid for.",
-        },
-        {
-          title: "On-Time Delivery",
-          description: "Strict scheduling ensures your project finishes on time.",
-        },
-        {
-          title: "Clean Worksites",
-          description: "We treat your property with the respect it deserves.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896796.jpg"
-      imageAlt="Modern luxury home exterior front view"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="why" data-section="why">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Why Clients Choose Us"
+            description="We don't just fix roofs; we restore trust. Our systems are built on transparency and accountability."
+            bulletPoints={[
+              { title: "Written Guarantees", description: "Everything documented to ensure you get exactly what you paid for." },
+              { title: "On-Time Delivery", description: "Strict scheduling ensures your project finishes on time." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896796.jpg"
+            imageAlt="Modern luxury home exterior front view"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "01",
-          title: "Inspection",
-          description: "Professional assessment of current roof condition.",
-          icon: Search,
-        },
-        {
-          id: "2",
-          value: "02",
-          title: "Transparent Quote",
-          description: "Clear documentation of costs and materials.",
-          icon: FileText,
-        },
-        {
-          id: "3",
-          value: "03",
-          title: "Execution",
-          description: "Premium craft performed by our certified team.",
-          icon: Building,
-        },
-        {
-          id: "4",
-          value: "04",
-          title: "Walkthrough",
-          description: "Guaranteed quality check with every client.",
-          icon: CheckCircle,
-        },
-      ]}
-      title="Our 4-Step Precision Process"
-      description="From inspection to final walkthrough, we maintain total clarity."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "01", title: "Inspection", description: "Professional assessment of current roof condition.", icon: Search },
+              { id: "2", value: "02", title: "Transparent Quote", description: "Clear documentation of costs and materials.", icon: FileText }
+            ]}
+            title="Our 4-Step Precision Process"
+            description="From inspection to final walkthrough, we maintain total clarity."
+          />
+        </div>
 
-  <div id="trust" data-section="trust">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Built on Accountability"
-      description="We've seen what happens when contractors overpromise and disappear. Our entire system is built on clarity, documentation, and follow-through. We own our work, every single day."
-      bulletPoints={[
-        {
-          title: "No Excuses",
-          description: "Accountability is our default setting.",
-        },
-        {
-          title: "Total Clarity",
-          description: "You are never left guessing about progress.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg"
-      imageAlt="Homeowner receiving work updates"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-couple-holding-keys-their-new-home_637285-6101.jpg" },
+              { id: "2", name: "Mark D.", role: "Real Estate Investor", company: "Investor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-moment-back-view-man-gesturing-hugging-woman-with-keys-looking-each-other_259150-58351.jpg" }
+            ]}
+            kpiItems={[
+              { value: "500+", label: "Projects Completed" },
+              { value: "4.9/5", label: "Client Satisfaction" },
+              { value: "100%", label: "Accountability Guarantee" }
+            ]}
+            title="Real Clients. Real Results."
+            description="Transparency is our standard. Read what our clients have to say about our accountability and results."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-couple-holding-keys-their-new-home_637285-6101.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Real Estate Investor",
-          company: "Investor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-moment-back-view-man-gesturing-hugging-woman-with-keys-looking-each-other_259150-58351.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Architect",
-          company: "Design Partner",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
-        },
-        {
-          id: "4",
-          name: "James B.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg",
-        },
-        {
-          id: "5",
-          name: "Laura S.",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233783.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "500+",
-          label: "Projects Completed",
-        },
-        {
-          value: "4.9/5",
-          label: "Client Satisfaction",
-        },
-        {
-          value: "100%",
-          label: "Accountability Guarantee",
-        },
-      ]}
-      title="Real Clients. Real Results."
-      description="Transparency is our standard. Read what our clients have to say about our accountability and results."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            title="Stop the Damage Before It Gets Worse"
+            description="A small leak today can become a major repair tomorrow. Book your inspection today."
+            imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896892.jpg"
+            buttonText="Book Inspection"
+            tag="Get in touch"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Stop the Damage Before It Gets Worse"
-      description="A small leak today can become a major repair tomorrow. Book your inspection today."
-      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896892.jpg"
-      buttonText="Book Inspection"
-      tag="Get in touch"
-      imageAlt="Luxury home exterior view"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Precision Roofing"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#why",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Guarantee",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Precision Roofing"
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#why" }, { label: "Services", href: "#services" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1