From e60804985c6c7327a0f9266c04671301d66bc403 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 03:28:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 243 +++++++++++------------------------------------
 1 file changed, 54 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3cb5222..865f8b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Summit Roofing"
     />
@@ -55,71 +47,44 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Summit Roofing Excellence"
       description="Premium roofing solutions tailored for your home. Durability, expert craftsmanship, and unmatched customer service for peace of mind."
       kpis={[
         {
-          value: "15+",
-          label: "Years Experience",
-        },
+          value: "15+",          label: "Years Experience"},
         {
-          value: "2k+",
-          label: "Roofs Completed",
-        },
+          value: "2k+",          label: "Roofs Completed"},
         {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
+          value: "100%",          label: "Client Satisfaction"},
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
-          alt: "Construction worker doing his job with belt",
-        },
+          src: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",          alt: "Construction worker doing his job with belt"},
         {
-          src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
-          alt: "Man working on roof with a drill",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",          alt: "Man working on roof with a drill"},
         {
-          src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
-          alt: "Man working on roof front view",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",          alt: "Man working on roof front view"},
         {
-          src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
-          alt: "Man with helmet working on roof full shot",
-        },
+          src: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",          alt: "Man with helmet working on roof full shot"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
-          alt: "Close-up of happy man with orange life jacket",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",          alt: "Close-up of happy man with orange life jacket"},
       ]}
       avatarText="Trusted by 2,000+ local homeowners"
       marqueeItems={[
         {
-          type: "text",
-          text: "Asphalt Shingles",
-        },
+          type: "text",          text: "Asphalt Shingles"},
         {
-          type: "text",
-          text: "Metal Roofing",
-        },
+          type: "text",          text: "Metal Roofing"},
         {
-          type: "text",
-          text: "Emergency Repairs",
-        },
+          type: "text",          text: "Emergency Repairs"},
         {
-          type: "text",
-          text: "Gutter Services",
-        },
+          type: "text",          text: "Gutter Services"},
         {
-          type: "text",
-          text: "Commercial Roofing",
-        },
+          type: "text",          text: "Commercial Roofing"},
       ]}
     />
   </div>
@@ -131,17 +96,11 @@ export default function LandingPage() {
       description="We don't just build roofs; we protect what matters most. Our dedicated crew combines traditional techniques with modern technology to ensure your home remains safe and secure for decades."
       metrics={[
         {
-          value: "24/7",
-          title: "Emergency Support",
-        },
+          value: "24/7",          title: "Emergency Support"},
         {
-          value: "5-Star",
-          title: "Verified Reviews",
-        },
+          value: "5-Star",          title: "Verified Reviews"},
         {
-          value: "Full",
-          title: "Licenced & Insured",
-        },
+          value: "Full",          title: "Licenced & Insured"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/south-asian-agronomist-farmer-looking-diagram-papers-farm-agriculture-production-concept_627829-7300.jpg"
       mediaAnimation="slide-up"
@@ -156,26 +115,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Roof Installation",
-          description: "Expertly installed roofs using premium materials for lasting protection.",
-          tag: "New Roof",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
-        },
+          id: "f1",          title: "Roof Installation",          description: "Expertly installed roofs using premium materials for lasting protection.",          tag: "New Roof",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg"},
         {
-          id: "f2",
-          title: "Emergency Repair",
-          description: "Rapid response team for storm damage, leaks, and urgent repairs.",
-          tag: "24/7 Service",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
-        },
+          id: "f2",          title: "Emergency Repair",          description: "Rapid response team for storm damage, leaks, and urgent repairs.",          tag: "24/7 Service",          imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"},
         {
-          id: "f3",
-          title: "Gutter Maintenance",
-          description: "Prevent structural damage with professional cleaning and repair.",
-          tag: "Gutters",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
-        },
+          id: "f3",          title: "Gutter Maintenance",          description: "Prevent structural damage with professional cleaning and repair.",          tag: "Gutters",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"},
       ]}
       title="Our Professional Services"
       description="Specialized roofing services to meet all your repair, maintenance, and installation needs."
@@ -190,41 +134,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Asphalt Shingles",
-          price: "From $5/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306805.jpg",
-        },
+          id: "p1",          name: "Asphalt Shingles",          price: "From $5/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306805.jpg"},
         {
-          id: "p2",
-          name: "Metal Roofing",
-          price: "From $9/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg",
-        },
+          id: "p2",          name: "Metal Roofing",          price: "From $9/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-japan-business-district_23-2148836786.jpg"},
         {
-          id: "p3",
-          name: "Clay Tiles",
-          price: "From $12/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
-        },
+          id: "p3",          name: "Clay Tiles",          price: "From $12/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg"},
         {
-          id: "p4",
-          name: "Natural Slate",
-          price: "From $15/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
-        },
+          id: "p4",          name: "Natural Slate",          price: "From $15/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg"},
         {
-          id: "p5",
-          name: "Composite Shingles",
-          price: "From $8/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg",
-        },
+          id: "p5",          name: "Composite Shingles",          price: "From $8/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg"},
         {
-          id: "p6",
-          name: "Solar Integrated",
-          price: "From $20/sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg",
-        },
+          id: "p6",          name: "Solar Integrated",          price: "From $20/sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/wood-stairs_1361-226.jpg"},
       ]}
       title="Premium Roofing Materials"
       description="Select from our curated list of industry-leading roofing materials."
@@ -235,47 +155,23 @@ export default function LandingPage() {
       <TestimonialCardThirteen
       textboxLayout="split"
       useInvertedBackground={true}
+      animationType="slide-up"
       testimonials={[
         {
-          id: "t1",
-          name: "Mark D.",
-          handle: "@markd",
-          testimonial: "Summit Roofing was professional and efficient. My roof looks amazing!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966130.jpg",
-        },
+          id: "t1",          name: "Mark D.",          handle: "@markd",          testimonial: "Summit Roofing was professional and efficient. My roof looks amazing!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-working-tech-brand-together_23-2150966130.jpg"},
         {
-          id: "t2",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Quick repair during a storm. Highly recommend them for emergencies.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
-        },
+          id: "t2",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Quick repair during a storm. Highly recommend them for emergencies.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg"},
         {
-          id: "t3",
-          name: "Robert B.",
-          handle: "@robb",
-          testimonial: "Excellent craftsmanship on our clay tile roof installation.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/age-people-concept_1157-45421.jpg",
-        },
+          id: "t3",          name: "Robert B.",          handle: "@robb",          testimonial: "Excellent craftsmanship on our clay tile roof installation.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/age-people-concept_1157-45421.jpg"},
         {
-          id: "t4",
-          name: "Emily P.",
-          handle: "@emilyp",
-          testimonial: "Honest pricing and great communication throughout the project.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-muscles-holding-house-model-t-shirt-jacket-cap-looking-lucky-front-view_176474-58222.jpg",
-        },
+          id: "t4",          name: "Emily P.",          handle: "@emilyp",          testimonial: "Honest pricing and great communication throughout the project.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-muscles-holding-house-model-t-shirt-jacket-cap-looking-lucky-front-view_176474-58222.jpg"},
         {
-          id: "t5",
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Quality work and very tidy job site after completion.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2469.jpg",
-        },
+          id: "t5",          name: "David W.",          handle: "@davidw",          testimonial: "Quality work and very tidy job site after completion.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2469.jpg"},
       ]}
       showRating={true}
       title="Client Success Stories"
@@ -290,31 +186,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "98%",
-          title: "Referral Rate",
-          items: [
-            "Happy clients",
-            "Word of mouth",
-          ],
+          id: "m1",          value: "98%",          title: "Referral Rate",          items: [
+            "Happy clients",            "Word of mouth"],
         },
         {
-          id: "m2",
-          value: "50+",
-          title: "Expert Staff",
-          items: [
-            "Certified installers",
-            "Professional team",
-          ],
+          id: "m2",          value: "50+",          title: "Expert Staff",          items: [
+            "Certified installers",            "Professional team"],
         },
         {
-          id: "m3",
-          value: "24h",
-          title: "Response Time",
-          items: [
-            "Fast repairs",
-            "Support",
-          ],
+          id: "m3",          value: "24h",          title: "Response Time",          items: [
+            "Fast repairs",            "Support"],
         },
       ]}
       title="Why Trust Summit?"
@@ -328,20 +209,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
-          title: "How long does a new roof installation take?",
-          content: "Typically 2-3 days, depending on roof size and complexity.",
-        },
+          id: "q1",          title: "How long does a new roof installation take?",          content: "Typically 2-3 days, depending on roof size and complexity."},
         {
-          id: "q2",
-          title: "Do you offer financing options?",
-          content: "Yes, we work with several financing partners.",
-        },
+          id: "q2",          title: "Do you offer financing options?",          content: "Yes, we work with several financing partners."},
         {
-          id: "q3",
-          title: "Are your roofers licensed and insured?",
-          content: "Absolutely, we are fully licensed and bonded for your protection.",
-        },
+          id: "q3",          title: "Are your roofers licensed and insured?",          content: "Absolutely, we are fully licensed and bonded for your protection."},
       ]}
       title="Frequently Asked Questions"
       description="Common questions regarding our services."
@@ -353,16 +225,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Contact Us"
       title="Ready to Start Your Project?"
       description="Get a free consultation and professional estimate today."
       buttons={[
         {
-          text: "Contact Us",
-          href: "#",
-        },
+          text: "Contact Us",          href: "#"},
       ]}
     />
   </div>
@@ -371,13 +240,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Summit Roofing"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1