From 7b3571e11b25c97a8300094796f5edbfb79c4124 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 07:33:28 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 160dbc2..5f00a55 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,83 +31,34 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" },
       ]}
-      button={{
-        text: "Get Free Quote",
-        href: "#contact",
-      }}
+      button={{ text: "Get Free Quote", href: "#contact" }}
       brandName="Hours.JM Roofing"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="3 Generations of Roofing Excellence"
       description="Premium roofing solutions built on trust, precision, and legacy craftsmanship."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/diverse-husband-wife-having-fun-with-pictures-smartphone-recording-video-moving-new-rented-apartment-flat-homeowners-enjoying-property-relocation-with-mobile-phone_482257-49833.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-woman-holding-hands-kitchen_23-2148363553.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-124162.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Request Free Inspection",
-          href: "#contact",
-        },
+        { src: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/diverse-husband-wife-having-fun-with-pictures-smartphone-recording-video-moving-new-rented-apartment-flat-homeowners-enjoying-property-relocation-with-mobile-phone_482257-49833.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/man-woman-holding-hands-kitchen_23-2148363553.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-124162.jpg", alt: "Client 5" },
       ]}
+      buttons={[{ text: "Request Free Inspection", href: "#contact" }]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "3rd Generation Experts",
-        },
-        {
-          type: "text",
-          text: "Quality Guaranteed",
-        },
-        {
-          type: "text",
-          text: "Fast Turnaround",
-        },
-        {
-          type: "text",
-          text: "Premium Materials",
-        },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "3rd Generation Experts" },
+        { type: "text", text: "Quality Guaranteed" },
+        { type: "text", text: "Fast Turnaround" },
+        { type: "text", text: "Premium Materials" },
       ]}
     />
   </div>
@@ -116,15 +67,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "A Legacy of Trust",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
-          alt: "Our Work",
-        },
+        { type: "text", content: "A Legacy of Trust" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", alt: "Our Work" },
       ]}
     />
   </div>
@@ -136,49 +80,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Roof Installation",
-          description: "High-end, durable roofing systems built to last decades.",
-          icon: Briefcase,
+          title: "Roof Installation",          description: "High-end, durable roofing systems built to last decades.",          icon: Briefcase,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=1",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1",
-          imageAlt: "durable high quality roof installation",
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "durable high quality roof installation" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg", imageAlt: "durable high quality roof installation" }
+          ]
         },
         {
-          title: "Roof Repair",
-          description: "Fast, reliable fixes that protect your home instantly.",
-          icon: Wrench,
+          title: "Roof Repair",          description: "Fast, reliable fixes that protect your home instantly.",          icon: Wrench,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=1",
-          imageAlt: "durable high quality roof installation",
+            { imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "durable high quality roof installation" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg", imageAlt: "durable high quality roof installation" }
+          ]
         },
         {
-          title: "Inspection",
-          description: "Detailed roof inspections with honest reporting.",
-          icon: Search,
+          title: "Inspection",          description: "Detailed roof inspections with honest reporting.",          icon: Search,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
-          imageAlt: "durable high quality roof installation",
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "durable high quality roof installation" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg", imageAlt: "durable high quality roof installation" }
+          ]
         },
       ]}
       title="Our Services"
@@ -193,49 +113,25 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "3rd Gen Expertise",
-          description: "Three generations of roofing mastery.",
-          icon: Award,
+          title: "3rd Gen Expertise",          description: "Three generations of roofing mastery.",          icon: Award,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2",
-          imageAlt: "durable high quality roof installation",
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "durable high quality roof installation" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "durable high quality roof installation" }
+          ]
         },
         {
-          title: "Premium Materials",
-          description: "Only the finest quality supplies.",
-          icon: Shield,
+          title: "Premium Materials",          description: "Only the finest quality supplies.",          icon: Shield,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=2",
-          imageAlt: "durable high quality roof installation",
+            { imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", imageAlt: "durable high quality roof installation" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg", imageAlt: "durable high quality roof installation" }
+          ]
         },
         {
-          title: "Reliable Service",
-          description: "Fast, honest, and professional.",
-          icon: Clock,
+          title: "Reliable Service",          description: "Fast, honest, and professional.",          icon: Clock,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=2",
-          imageAlt: "durable high quality roof installation",
+            { imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg", imageAlt: "durable high quality roof installation" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "durable high quality roof installation" }
+          ]
         },
       ]}
       title="Why Choose Us"
@@ -249,27 +145,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "3",
-          title: "Generations",
-          description: "Legacy of craftsmanship.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg",
-        },
-        {
-          id: "2",
-          value: "100%",
-          title: "Satisfaction",
-          description: "Guaranteed quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg",
-        },
-        {
-          id: "3",
-          value: "1000+",
-          title: "Projects",
-          description: "Roofs completed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-construction-plan_23-2148269822.jpg",
-        },
+        { id: "1", value: "3", title: "Generations", description: "Legacy of craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg" },
+        { id: "2", value: "100%", title: "Satisfaction", description: "Guaranteed quality.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg" },
+        { id: "3", value: "1000+", title: "Projects", description: "Roofs completed.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-construction-plan_23-2148269822.jpg" },
       ]}
       title="Our Success"
       description="Proven results for our community."
@@ -282,41 +160,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Homeowner",
-          testimonial: "Excellent service and craftsmanship.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Homeowner",
-          testimonial: "3 generations of expertise shows.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
-        {
-          id: "3",
-          name: "Alice M.",
-          role: "Owner",
-          testimonial: "Professional and fast.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
-        },
-        {
-          id: "4",
-          name: "Bob K.",
-          role: "Owner",
-          testimonial: "Highly recommended roofing team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
-        },
-        {
-          id: "5",
-          name: "Emily C.",
-          role: "Homeowner",
-          testimonial: "Beautiful work on our new roof.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Homeowner", testimonial: "Excellent service and craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg" },
+        { id: "2", name: "Mark D.", role: "Homeowner", testimonial: "3 generations of expertise shows.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
+        { id: "3", name: "Alice M.", role: "Owner", testimonial: "Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg" },
+        { id: "4", name: "Bob K.", role: "Owner", testimonial: "Highly recommended roofing team.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg" },
+        { id: "5", name: "Emily C.", role: "Homeowner", testimonial: "Beautiful work on our new roof.", imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg" },
       ]}
       title="Customer Reviews"
       description="What our clients say about us."
@@ -328,21 +176,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "How long does a roof last?",
-          content: "With proper installation, decades.",
-        },
-        {
-          id: "2",
-          title: "Do you provide estimates?",
-          content: "Yes, always free of charge.",
-        },
-        {
-          id: "3",
-          title: "Are you licensed?",
-          content: "Fully licensed and insured.",
-        },
+        { id: "1", title: "How long does a roof last?", content: "With proper installation, decades." },
+        { id: "2", title: "Do you provide estimates?", content: "Yes, always free of charge." },
+        { id: "3", title: "Are you licensed?", content: "Fully licensed and insured." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
       mediaAnimation="slide-up"
@@ -355,16 +191,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       text="Get Your Free Quote Today. Request an inspection."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:5550123",
-        },
-      ]}
+      buttons={[{ text: "Call Now", href: "tel:5550123" }]}
     />
   </div>
 
@@ -372,29 +201,15 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "#contact" },
+            { label: "FAQ", href: "#faq" },
           ],
         },
       ]}
-- 
2.49.1