From 5052f4ad0b3c87822db328fc70fae6d064ae8bc2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 12:18:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 224 ++++++++++++-----------------------------------
 1 file changed, 58 insertions(+), 166 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c2da34d..9984598 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,31 +19,24 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Expertise",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "About", id: "#about" },
+        { name: "Features", id: "#features" },
+        { name: "Metrics", id: "#metrics" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Contact", id: "#contact" }
       ]}
       brandName="JM Roofing"
     />
@@ -52,79 +45,50 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="The Most Trusted Roofing Authority For Estates & Homes"
       description="3rd generation family expertise trusted by affluent homeowners for leak emergencies, full replacements, and immaculate whiteglove execution. Often booked weeks ahead."
       kpis={[
         {
-          value: "3rd",
-          label: "Generation Experts",
-        },
+          value: "3rd",          label: "Generation Experts"},
         {
-          value: "100%",
-          label: "Satisfaction Rate",
-        },
+          value: "100%",          label: "Satisfaction Rate"},
         {
-          value: "24/7",
-          label: "Rapid Response",
-        },
+          value: "24/7",          label: "Rapid Response"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Claim SameDay Roof Inspection",
-          href: "#contact",
-        },
+          text: "Claim SameDay Roof Inspection",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",
-          alt: "Roof tiles from a building",
-        },
+          src: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",          alt: "Roof tiles from a building"},
         {
-          src: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg",
-          alt: "Geometrical texture",
-        },
+          src: "http://img.b2bpic.net/free-photo/3d-elegant-geometrical-textures-backgrounds_23-2149073296.jpg",          alt: "Geometrical texture"},
         {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",
-          alt: "Wood texture",
-        },
+          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13126.jpg",          alt: "Wood texture"},
         {
-          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
-          alt: "Wood pattern detail",
-        },
+          src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",          alt: "Wood pattern detail"},
         {
-          src: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg",
-          alt: "Luxury estate roof",
-        },
+          src: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg",          alt: "Luxury estate roof"},
       ]}
       avatarText="Trusted by 500+ Luxury Estates"
       marqueeItems={[
         {
-          type: "text",
-          text: "Licensed & Insured",
+          type: "text",          text: "Licensed & Insured"},
+        {
+          type: "text-icon",          text: "Lifetime Warranty",          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
-          text: "Lifetime Warranty",
-          icon: ShieldCheck,
+          type: "text",          text: "Certified Master Installer"},
+        {
+          type: "text-icon",          text: "Elite Safety Rating",          icon: Building,
         },
         {
-          type: "text",
-          text: "Certified Master Installer",
-        },
-        {
-          type: "text-icon",
-          text: "Elite Safety Rating",
-          icon: Building,
-        },
-        {
-          type: "text",
-          text: "A+ Better Business Rating",
-        },
+          type: "text",          text: "A+ Better Business Rating"},
       ]}
     />
   </div>
@@ -146,19 +110,13 @@ export default function LandingPage() {
       features={[
         {
           icon: ShieldCheck,
-          title: "Estate Roof Replacement",
-          description: "High-end materials expertly installed for lasting aesthetic appeal.",
-        },
+          title: "Estate Roof Replacement",          description: "High-end materials expertly installed for lasting aesthetic appeal."},
         {
           icon: Zap,
-          title: "Leak Emergency Response",
-          description: "Same-day assessment and rapid stabilization for urgent leaks.",
-        },
+          title: "Leak Emergency Response",          description: "Same-day assessment and rapid stabilization for urgent leaks."},
         {
           icon: FileText,
-          title: "Insurance Claims Handling",
-          description: "We professionally manage the paperwork so you don't have to.",
-        },
+          title: "Insurance Claims Handling",          description: "We professionally manage the paperwork so you don't have to."},
       ]}
       title="Comprehensive Roofing Authority"
       description="Expert solutions designed for estate-level maintenance and rapid emergency intervention."
@@ -172,23 +130,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Award,
-          title: "Years of Excellence",
-          value: "60+",
-        },
+          id: "m1",          icon: Award,
+          title: "Years of Excellence",          value: "60+"},
         {
-          id: "m2",
-          icon: Home,
-          title: "Estates Serviced",
-          value: "1500+",
-        },
+          id: "m2",          icon: Home,
+          title: "Estates Serviced",          value: "1500+"},
         {
-          id: "m3",
-          icon: Clock,
-          title: "Response Time",
-          value: "24hrs",
-        },
+          id: "m3",          icon: Clock,
+          title: "Response Time",          value: "24hrs"},
       ]}
       title="Excellence in Numbers"
       description="The trusted choice for affluent homeowners across Southern California."
@@ -201,45 +150,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          title: "Professionalism",
-          quote: "The most seamless roof replacement I have ever experienced. True craftsmanship.",
-          name: "James Henderson",
-          role: "Estate Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
-        },
+          id: "t1",          title: "Professionalism",          quote: "The most seamless roof replacement I have ever experienced. True craftsmanship.",          name: "James Henderson",          role: "Estate Owner",          imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"},
         {
-          id: "t2",
-          title: "Reliability",
-          quote: "JM Roofing arrived same-day for our leak emergency and saved our interior.",
-          name: "Sarah Chen",
-          role: "Property Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg",
-        },
+          id: "t2",          title: "Reliability",          quote: "JM Roofing arrived same-day for our leak emergency and saved our interior.",          name: "Sarah Chen",          role: "Property Manager",          imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg"},
         {
-          id: "t3",
-          title: "Quality",
-          quote: "Immaculate work on our tile roof. Attention to detail is simply unmatched.",
-          name: "Michael Reed",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-balcony_23-2149085472.jpg",
-        },
+          id: "t3",          title: "Quality",          quote: "Immaculate work on our tile roof. Attention to detail is simply unmatched.",          name: "Michael Reed",          role: "Homeowner",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-balcony_23-2149085472.jpg"},
         {
-          id: "t4",
-          title: "Expertise",
-          quote: "White-glove service from start to finish. Highly recommended for any estate.",
-          name: "Linda Martinez",
-          role: "Estate Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-carrier_23-2150167104.jpg",
-        },
+          id: "t4",          title: "Expertise",          quote: "White-glove service from start to finish. Highly recommended for any estate.",          name: "Linda Martinez",          role: "Estate Owner",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-carrier_23-2150167104.jpg"},
         {
-          id: "t5",
-          title: "Experience",
-          quote: "Clear, honest communication and flawless execution. A top-tier team.",
-          name: "David Thompson",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
-        },
+          id: "t5",          title: "Experience",          quote: "Clear, honest communication and flawless execution. A top-tier team.",          name: "David Thompson",          role: "Developer",          imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg"},
       ]}
       title="Trusted by Homeowners"
       description="See why estate owners trust JM Roofing for their most valuable investments."
@@ -252,20 +171,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you offer emergency leak repairs?",
-          content: "Yes, we provide same-day assessments for active leaks.",
-        },
+          id: "f1",          title: "Do you offer emergency leak repairs?",          content: "Yes, we provide same-day assessments for active leaks."},
         {
-          id: "f2",
-          title: "Can you manage insurance claims?",
-          content: "Absolutely. We document everything to streamline your claim.",
-        },
+          id: "f2",          title: "Can you manage insurance claims?",          content: "Absolutely. We document everything to streamline your claim."},
         {
-          id: "f3",
-          title: "What roofing materials do you specialize in?",
-          content: "We handle all premium residential materials, from custom tile to slate.",
-        },
+          id: "f3",          title: "What roofing materials do you specialize in?",          content: "We handle all premium residential materials, from custom tile to slate."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-male-t-shirt-cap-pointing-side-while-holding-house-model-looking-merry_176474-16411.jpg"
       title="Frequently Asked Questions"
@@ -279,14 +189,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready to experience the JM Roofing difference? Book your same-day inspection today."
       buttons={[
         {
-          text: "Call (800) 555-ROOF",
-          href: "tel:8005557663",
-        },
+          text: "Call (800) 555-ROOF",          href: "tel:8005557663"},
       ]}
     />
   </div>
@@ -296,42 +203,27 @@ export default function LandingPage() {
       logoText="JM Roofing"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Our Expertise",
-              href: "#features",
-            },
+              label: "Our Expertise",              href: "#features"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Roof Replacement",
-              href: "#features",
-            },
+              label: "Roof Replacement",              href: "#features"},
             {
-              label: "Emergency Repair",
-              href: "#features",
-            },
+              label: "Emergency Repair",              href: "#features"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "SameDay Inspection",
-              href: "#contact",
-            },
+              label: "SameDay Inspection",              href: "#contact"},
             {
-              label: "Service Areas",
-              href: "#",
-            },
+              label: "Service Areas",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1