From 6565ffe02e7a3072d44f4420aec55707e92391ff Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 07:59:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 232 ++++++++++-------------------------------------
 1 file changed, 49 insertions(+), 183 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3355f65..45136fd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Projects",
-          id: "projects",
-        },
+          name: "Projects",          id: "projects"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Roof Pros"
     />
@@ -56,47 +48,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Quality Roofing & General Construction"
       description="Professional residential roofing services and general construction. Protecting your home with premium quality materials and expert workmanship."
       buttons={[
         {
-          text: "Get Free Quote",
-          href: "#contact",
-        },
+          text: "Get Free Quote",          href: "#contact"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=1",
-          imageAlt: "Modern roofing construction",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",          imageAlt: "Modern roofing construction"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg?_wi=1",
-          imageAlt: "Residential property roofing",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg",          imageAlt: "Residential property roofing"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg",
-          imageAlt: "Roofing repair work",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg",          imageAlt: "Roofing repair work"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
-          imageAlt: "Roofing material detail",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",          imageAlt: "Roofing material detail"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg",
-          imageAlt: "Home renovation roofing",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg",          imageAlt: "Home renovation roofing"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/tall-chimney-near-building-side-view_23-2149627178.jpg",
-          imageAlt: "Exterior roof property",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/tall-chimney-near-building-side-view_23-2149627178.jpg",          imageAlt: "Exterior roof property"},
       ]}
     />
   </div>
@@ -108,19 +79,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Award,
-          label: "Years Experience",
-          value: "15+",
-        },
+          label: "Years Experience",          value: "15+"},
         {
           icon: CheckCircle,
-          label: "Projects Completed",
-          value: "2000+",
-        },
+          label: "Projects Completed",          value: "2000+"},
         {
           icon: Shield,
-          label: "Warranty Provided",
-          value: "100%",
-        },
+          label: "Warranty Provided",          value: "100%"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -130,30 +95,16 @@ export default function LandingPage() {
       <FeatureBento
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       features={[
         {
-          title: "Roof Replacement",
-          description: "Complete removal and professional replacement of aging roofing systems.",
-          bentoComponent: "reveal-icon",
-          icon: Building2,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
-          imageAlt: "Man with helmet working on roof full shot",
+          title: "Roof Replacement",          description: "Complete removal and professional replacement of aging roofing systems.",          bentoComponent: "reveal-icon",          icon: Building2,
         },
         {
-          title: "Storm Damage Repair",
-          description: "Quick, reliable response for emergency leak repairs and storm damage.",
-          bentoComponent: "reveal-icon",
-          icon: Zap,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg?_wi=2",
-          imageAlt: "Man with helmet working on roof full shot",
+          title: "Storm Damage Repair",          description: "Quick, reliable response for emergency leak repairs and storm damage.",          bentoComponent: "reveal-icon",          icon: Zap,
         },
         {
-          title: "General Contracting",
-          description: "Full-service renovation and general construction management for your home.",
-          bentoComponent: "reveal-icon",
-          icon: Building,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-prague_1398-2722.jpg?_wi=2",
-          imageAlt: "Man with helmet working on roof full shot",
+          title: "General Contracting",          description: "Full-service renovation and general construction management for your home.",          bentoComponent: "reveal-icon",          icon: Building,
         },
       ]}
       title="Our Expert Services"
@@ -169,59 +120,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          brand: "ProLine",
-          name: "Asphalt Shingles",
-          price: "$80/sq",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
-        },
+          id: "1",          brand: "ProLine",          name: "Asphalt Shingles",          price: "$80/sq",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg"},
         {
-          id: "2",
-          brand: "SteelRoof",
-          name: "Metal Roofing Panels",
-          price: "$150/sq",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
-        },
+          id: "2",          brand: "SteelRoof",          name: "Metal Roofing Panels",          price: "$150/sq",          rating: 5,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"},
         {
-          id: "3",
-          brand: "TileCraft",
-          name: "Concrete Tile",
-          price: "$120/sq",
-          rating: 4,
-          reviewCount: "60",
-          imageSrc: "http://img.b2bpic.net/free-photo/diagonal-concrete-texture-abstract-gray-pattern-design_84443-55427.jpg",
-        },
+          id: "3",          brand: "TileCraft",          name: "Concrete Tile",          price: "$120/sq",          rating: 4,
+          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/diagonal-concrete-texture-abstract-gray-pattern-design_84443-55427.jpg"},
         {
-          id: "4",
-          brand: "SunRoof",
-          name: "Solar Tiles",
-          price: "$300/sq",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg",
-        },
+          id: "4",          brand: "SunRoof",          name: "Solar Tiles",          price: "$300/sq",          rating: 5,
+          reviewCount: "40",          imageSrc: "http://img.b2bpic.net/free-photo/ecology-sunny-summer-global-alternative_1127-2396.jpg"},
         {
-          id: "5",
-          brand: "SlateTop",
-          name: "Premium Slate",
-          price: "$450/sq",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg",
-        },
+          id: "5",          brand: "SlateTop",          name: "Premium Slate",          price: "$450/sq",          rating: 5,
+          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343713.jpg"},
         {
-          id: "6",
-          brand: "FlatGuard",
-          name: "TPO Membrane",
-          price: "$110/sq",
-          rating: 4,
-          reviewCount: "50",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
-        },
+          id: "6",          brand: "FlatGuard",          name: "TPO Membrane",          price: "$110/sq",          rating: 4,
+          reviewCount: "50",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg"},
       ]}
       title="Featured Roofing Materials"
       description="We use only top-tier materials for lasting durability and performance."
@@ -233,30 +148,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg",
-        },
+          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-architects-shaking-hands_23-2148269341.jpg"},
         {
-          id: "2",
-          name: "Michael R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
-        },
+          id: "2",          name: "Michael R.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg"},
         {
-          id: "3",
-          name: "Elena D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg",
-        },
+          id: "3",          name: "Elena D.",          imageSrc: "http://img.b2bpic.net/free-photo/new-contemporary-buildings-site_23-2147694752.jpg"},
         {
-          id: "4",
-          name: "John K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg",
-        },
+          id: "4",          name: "John K.",          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2901.jpg"},
         {
-          id: "5",
-          name: "Alice M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg",
-        },
+          id: "5",          name: "Alice M.",          imageSrc: "http://img.b2bpic.net/free-photo/young-male-model-posing-outdoor_23-2148289284.jpg"},
       ]}
       cardTitle="Client Feedback"
       cardTag="Testimonials"
@@ -270,20 +170,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "How long does a roof last?",
-          content: "Most asphalt roofs last 20-25 years with proper maintenance.",
-        },
+          id: "1",          title: "How long does a roof last?",          content: "Most asphalt roofs last 20-25 years with proper maintenance."},
         {
-          id: "2",
-          title: "Do you offer financing?",
-          content: "Yes, we partner with flexible lenders to accommodate all budgets.",
-        },
+          id: "2",          title: "Do you offer financing?",          content: "Yes, we partner with flexible lenders to accommodate all budgets."},
         {
-          id: "3",
-          title: "Is the estimate free?",
-          content: "Yes, we provide 100% free professional inspections and quotes.",
-        },
+          id: "3",          title: "Is the estimate free?",          content: "Yes, we provide 100% free professional inspections and quotes."},
       ]}
       title="Common Questions"
       description="Answers to commonly asked roofing concerns."
@@ -296,14 +187,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "GAF",
-        "CertainTeed",
-        "Owens Corning",
-        "Velux",
-        "IKO",
-        "Tamko",
-        "Atlas Roofing",
-      ]}
+        "GAF",        "CertainTeed",        "Owens Corning",        "Velux",        "IKO",        "Tamko",        "Atlas Roofing"]}
       title="Trusted Partners & Brands"
       description="We work with industry-leading manufacturers."
     />
@@ -316,22 +200,14 @@ export default function LandingPage() {
       description="Ready to fix your roof? Send us a message today."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your project",
-        rows: 4,
+        name: "message",        placeholder: "Tell us about your project",        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571927.jpg"
     />
@@ -341,29 +217,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
             {
-              label: "Projects",
-              href: "#projects",
-            },
+              label: "Projects",              href: "#projects"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}