From ff7ac3c1b9e3f72e38e836ef8825a02da141913d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 21:19:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 246 ++++++-----------------------------------------
 1 file changed, 32 insertions(+), 214 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe51d7e..8d7bbbc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { ShieldCheck } from "lucide-react";
+import { ShieldCheck, Zap, Shield, CheckCircle, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Colin's Roofing"
     />
@@ -55,43 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Emergency Roofing Repairs, 24/7"
       description="Don't let a leak compromise your home. Colin's team provides rapid, professional roof repairs when you need it most. Fast, reliable, and guaranteed."
       tag="Available 24/7"
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5550199",
-        },
-        {
-          text: "Request Quote",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:5550199" },
+        { text: "Request Quote", href: "#contact" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg?_wi=1",
-          imageAlt: "Emergency roof repair in progress",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg?_wi=1",
-          imageAlt: "Professional roofer at work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
-          imageAlt: "Side view man working on roof with a drill",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
-          imageAlt: "Man working on roof with a drill",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-performs-overhaul-roof-residential-building_181624-61003.jpg",
-          imageAlt: "Worker performs overhaul of the roof of a residential building",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg", imageAlt: "Emergency roof repair in progress" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg", imageAlt: "Professional roofer at work" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -106,7 +68,7 @@ export default function LandingPage() {
       title="Restoring Safety to Your Home"
       description="With over 20 years of experience, we specialize in fixing sudden leaks and storm damage. Colin and his team are your local experts for rapid response roofing."
       subdescription="We understand that roof emergencies don't wait for business hours. We are here to keep your family and property dry."
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg"
       mediaAnimation="blur-reveal"
       imageAlt="Roof inspection residential"
       icon={ShieldCheck}
@@ -118,34 +80,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Leak Repair",
-          description: "Rapid patching and sealing of emergency leaks.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
-          imageAlt: "Man walking on the roof ",
-        },
-        {
-          title: "Storm Damage",
-          description: "Quick response to high wind and debris damage.",
-          buttonIcon: "Shield",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg?_wi=2",
-          imageAlt: "Man walking on the roof ",
-        },
-        {
-          title: "Tarping",
-          description: "Prevent further damage with expert roof tarping.",
-          buttonIcon: "CheckCircle",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg?_wi=2",
-          imageAlt: "Man walking on the roof ",
-        },
-        {
-          title: "Insurance Help",
-          description: "Assistance with your emergency insurance claims.",
-          buttonIcon: "Award",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg?_wi=2",
-          imageAlt: "Man walking on the roof ",
-        },
+        { title: "Leak Repair", description: "Rapid patching and sealing of emergency leaks.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", imageAlt: "Man walking on the roof" },
+        { title: "Storm Damage", description: "Quick response to high wind and debris damage.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg", imageAlt: "Man walking on the roof" },
+        { title: "Tarping", description: "Prevent further damage with expert roof tarping.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg", imageAlt: "Man walking on the roof" },
+        { title: "Insurance Help", description: "Assistance with your emergency insurance claims.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg", imageAlt: "Man walking on the roof" },
       ]}
       title="Emergency Services"
       description="We tackle all urgent roofing issues with precision and care."
@@ -159,42 +97,9 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Shingle Repair",
-          price: "From $250",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
-        },
-        {
-          id: "p2",
-          name: "Flat Roof Patch",
-          price: "From $350",
-          imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg",
-        },
-        {
-          id: "p3",
-          name: "Flashing Repair",
-          price: "From $400",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg",
-        },
-        {
-          id: "p4",
-          name: "Chimney Seal",
-          price: "From $300",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-lighting-up-fire_23-2149277264.jpg",
-        },
-        {
-          id: "p5",
-          name: "Vent Repair",
-          price: "From $200",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg",
-        },
-        {
-          id: "p6",
-          name: "Gutter Inspection",
-          price: "From $150",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-holding-tool-his-hand_181624-29345.jpg",
-        },
+        { id: "p1", name: "Shingle Repair", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg" },
+        { id: "p2", name: "Flat Roof Patch", price: "From $350", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2202.jpg" },
+        { id: "p3", name: "Flashing Repair", price: "From $400", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13116.jpg" },
       ]}
       title="Our Specialized Roofing Fixes"
       description="Premium repair solutions delivered with expert workmanship."
@@ -207,21 +112,9 @@ export default function LandingPage() {
       title="Proven Reliability"
       tag="Our Impact"
       metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          description: "Years in business",
-        },
-        {
-          id: "m2",
-          value: "1.5k",
-          description: "Emergency calls fixed",
-        },
-        {
-          id: "m3",
-          value: "99%",
-          description: "Customer satisfaction",
-        },
+        { id: "m1", value: "20+", description: "Years in business" },
+        { id: "m2", value: "1.5k", description: "Emergency calls fixed" },
+        { id: "m3", value: "99%", description: "Customer satisfaction" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -234,46 +127,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg",
-        },
-        {
-          id: "2",
-          name: "Tom Davis",
-          role: "Property Manager",
-          company: "Davis Estates",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
-        },
-        {
-          id: "3",
-          name: "Linda Wu",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Jones",
-          role: "Owner",
-          company: "Jones Retail",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-with-tie-posing_114579-15876.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily Chen",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/receiving-keys-happy-couple-together-their-new-house-conception-moving_146671-16174.jpg",
-        },
+        { id: "1", name: "Sarah Miller", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-front-house_23-2147986417.jpg" },
+        { id: "2", name: "Tom Davis", role: "Property Manager", company: "Davis Estates", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg" },
+        { id: "3", name: "Linda Wu", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg" },
+        { id: "4", name: "Mark Jones", role: "Owner", company: "Jones Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-with-tie-posing_114579-15876.jpg" },
       ]}
       title="Trusted by Neighbors"
       description="Here is what our satisfied clients say about us."
@@ -284,21 +141,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How fast can you arrive?",
-          content: "Typically under 2 hours.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer warranties?",
-          content: "Yes, we guarantee all emergency repairs.",
-        },
-        {
-          id: "q3",
-          title: "Are you licensed?",
-          content: "Yes, fully licensed and insured.",
-        },
+        { id: "q1", title: "How fast can you arrive?", content: "Typically under 2 hours." },
+        { id: "q2", title: "Do you offer warranties?", content: "Yes, we guarantee all emergency repairs." },
+        { id: "q3", title: "Are you licensed?", content: "Yes, fully licensed and insured." },
       ]}
       sideTitle="Common Questions"
       sideDescription="Need answers about your roof emergency?"
@@ -309,46 +154,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Need Emergency Help?"
       description="Call Colin's roofing now. We are ready to assist you day or night."
-      buttons={[
-        {
-          text: "Call 24/7: 555-0199",
-          href: "tel:5550199",
-        },
-      ]}
+      buttons={[{ text: "Call 24/7: 555-0199", href: "tel:5550199" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
       ]}
       logoText="Colin's Emergency Roofers"
     />
-- 
2.49.1