From 108785b03b45189745854f8d577daf443ed0f706 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 18:48:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 447 +++++++++++++----------------------------------
 1 file changed, 120 insertions(+), 327 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 92ffc9b..0ca006e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,340 +27,133 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Midwest Roofing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Process", id: "process" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Midwest Roofing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Wichita’s Most Trusted Roofing Company — Done Right the First Time"
-      description="4.9★ Rated | 70+ Years in Business | Insurance Claim Experts. We show up, we deliver, and we leave your home spotless."
-      testimonials={[
-        {
-          name: "David Miller",
-          handle: "@dmiller",
-          testimonial: "In and out in ONE day. Didn’t even know they were there except for the new roof.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=1",
-          imageAlt: "luxury finished residential roof",
-        },
-        {
-          name: "Sarah Jenkins",
-          handle: "@sjenks",
-          testimonial: "They handled insurance and found damage others missed. Truly experts.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg?_wi=1",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          name: "Mark Wilson",
-          handle: "@mwilson",
-          testimonial: "Professional, fast, and CLEAN. Highly recommended for any homeowner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-going-work-with-coffee_158595-4700.jpg?_wi=1",
-          imageAlt: "professional man smiling outdoors",
-        },
-        {
-          name: "Jessica L.",
-          handle: "@jessl",
-          testimonial: "Exceeded all expectations. My roof looks pristine.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-good-looking-brunette-woman-with-cheerful-smile-cozy-restaurant-enjoys-summer-hot-weather-being-high-spirit-after-spa-procedure_273609-2725.jpg?_wi=1",
-          imageAlt: "smiling woman residential",
-        },
-        {
-          name: "Robert B.",
-          handle: "@robbyb",
-          testimonial: "Fantastic communication from start to finish.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg?_wi=1",
-          imageAlt: "happy couple house background",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Free Inspection",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:5550123",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-going-work-with-coffee_158595-4700.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-good-looking-brunette-woman-with-cheerful-smile-cozy-restaurant-enjoys-summer-hot-weather-being-high-spirit-after-spa-procedure_273609-2725.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "70+ Years Experience",
-        },
-        {
-          type: "text",
-          text: "Wichita Proud",
-        },
-        {
-          type: "text",
-          text: "Emergency Repairs",
-        },
-        {
-          type: "text",
-          text: "Top Rated Service",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Wichita’s Most Trusted Roofing Company — Done Right the First Time"
+            description="4.9★ Rated | 70+ Years in Business | Insurance Claim Experts. We show up, we deliver, and we leave your home spotless."
+            testimonials={[
+              { name: "David Miller", handle: "@dmiller", testimonial: "In and out in ONE day. Didn’t even know they were there except for the new roof.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg", imageAlt: "luxury finished residential roof" },
+              { name: "Sarah Jenkins", handle: "@sjenks", testimonial: "They handled insurance and found damage others missed. Truly experts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg", imageAlt: "happy homeowner portrait" },
+              { name: "Mark Wilson", handle: "@mwilson", testimonial: "Professional, fast, and CLEAN. Highly recommended for any homeowner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-going-work-with-coffee_158595-4700.jpg", imageAlt: "professional man smiling outdoors" },
+              { name: "Jessica L.", handle: "@jessl", testimonial: "Exceeded all expectations. My roof looks pristine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-good-looking-brunette-woman-with-cheerful-smile-cozy-restaurant-enjoys-summer-hot-weather-being-high-spirit-after-spa-procedure_273609-2725.jpg", imageAlt: "smiling woman residential" },
+              { name: "Robert B.", handle: "@robbyb", testimonial: "Fantastic communication from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", imageAlt: "happy couple house background" }
+            ]}
+            buttons={[{ text: "Get Free Inspection", href: "#contact" }, { text: "Call Now", href: "tel:5550123" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-going-work-with-coffee_158595-4700.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/pleased-good-looking-brunette-woman-with-cheerful-smile-cozy-restaurant-enjoys-summer-hot-weather-being-high-spirit-after-spa-procedure_273609-2725.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg", alt: "Client 5" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Licensed & Insured" },
+              { type: "text", text: "70+ Years Experience" },
+              { type: "text", text: "Wichita Proud" },
+              { type: "text", text: "Emergency Repairs" },
+              { type: "text", text: "Top Rated Service" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Residential Roofing",
-          description: "Full replacements, repairs, and storm damage management for your home.",
-          icon: Home,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=3",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=4",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg?_wi=1",
-          imageAlt: "roofing installation tools",
-        },
-        {
-          title: "Insurance Claims",
-          description: "We deal with adjusters so you don’t have to. We catch the damage others miss.",
-          icon: ShieldCheck,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=5",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=6",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=7",
-          imageAlt: "luxury finished residential roof",
-        },
-        {
-          title: "Gutter Services",
-          description: "High-quality seamless systems and comprehensive gutter protection.",
-          icon: Droplets,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=8",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg?_wi=9",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg?_wi=2",
-          imageAlt: "happy homeowner portrait",
-        },
-      ]}
-      title="Professional Roofing Services"
-      description="Comprehensive solutions for your residential and commercial roofing needs."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Residential Roofing", description: "Full replacements, repairs, and storm damage management for your home.", icon: Home, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" }] },
+              { title: "Insurance Claims", description: "We deal with adjusters so you don’t have to. We catch the damage others miss.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" }] },
+              { title: "Gutter Services", description: "High-quality seamless systems and comprehensive gutter protection.", icon: Droplets, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-working-roof-with-drill_23-2148748771.jpg" }] }
+            ]}
+            title="Professional Roofing Services"
+            description="Comprehensive solutions for your residential and commercial roofing needs."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="70 Years of Roofing Legacy"
-      description={[
-        "Midwest Roofing Services, Inc. has been serving Wichita homeowners for over 70 years. Built on honesty, speed, and craftsmanship, we’ve helped hundreds of families protect their homes with solutions that last.",
-        "We are not hiring guesswork—you’re hiring experience. Our team ensures fast turnarounds, immaculate cleanup with magnetic sweeps, and honest, no-pressure evaluations.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="70 Years of Roofing Legacy"
+            description={[
+              "Midwest Roofing Services, Inc. has been serving Wichita homeowners for over 70 years. Built on honesty, speed, and craftsmanship, we’ve helped hundreds of families protect their homes with solutions that last.",              "We are not hiring guesswork—you’re hiring experience. Our team ensures fast turnarounds, immaculate cleanup with magnetic sweeps, and honest, no-pressure evaluations."]}
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "1",
-          description: "Free Inspection",
-        },
-        {
-          id: "2",
-          value: "2",
-          description: "Insurance Handling",
-        },
-        {
-          id: "3",
-          value: "3",
-          description: "Material Selection",
-        },
-        {
-          id: "4",
-          value: "4",
-          description: "One-Day Install",
-        },
-        {
-          id: "5",
-          value: "5",
-          description: "Final Walkthrough",
-        },
-      ]}
-      title="Our Simple Roofing Process"
-      description="We take the complexity out of home maintenance, step-by-step."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "1", description: "Free Inspection" },
+              { id: "2", value: "2", description: "Insurance Handling" },
+              { id: "3", value: "3", description: "Material Selection" },
+              { id: "4", value: "4", description: "One-Day Install" },
+              { id: "5", value: "5", description: "Final Walkthrough" }
+            ]}
+            title="Our Simple Roofing Process"
+            description="We take the complexity out of home maintenance, step-by-step."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Best roofing experience ever. Done in one day, no mess.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Exceptional service, handled all my insurance paperwork perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-going-work-with-coffee_158595-4700.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@emilyrod",
-          testimonial: "Very professional and clean. My roof looks amazing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-good-looking-brunette-woman-with-cheerful-smile-cozy-restaurant-enjoys-summer-hot-weather-being-high-spirit-after-spa-procedure_273609-2725.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "The cleanup was impressive. No nails left behind at all.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Tom Baker",
-          handle: "@tombaker",
-          testimonial: "A truly local company that cares about its customers.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg?_wi=4",
-        },
-      ]}
-      showRating={true}
-      title="Wichita Homeowners Trust Us"
-      description="See why we hold a 4.9/5 rating with over 196+ reviews."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Best roofing experience ever. Done in one day, no mess.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg" },
+              { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Exceptional service, handled all my insurance paperwork perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-going-work-with-coffee_158595-4700.jpg" },
+              { id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "Very professional and clean. My roof looks amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-good-looking-brunette-woman-with-cheerful-smile-cozy-restaurant-enjoys-summer-hot-weather-being-high-spirit-after-spa-procedure_273609-2725.jpg" },
+              { id: "4", name: "David Kim", handle: "@dkim", testimonial: "The cleanup was impressive. No nails left behind at all.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
+              { id: "5", name: "Tom Baker", handle: "@tombaker", testimonial: "A truly local company that cares about its customers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-document-while-being-with-her-husband-meeting-with-insurance-agent_637285-3080.jpg" }
+            ]}
+            showRating={true}
+            title="Wichita Homeowners Trust Us"
+            description="See why we hold a 4.9/5 rating with over 196+ reviews."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Don’t Wait Until the Leak Gets Worse"
-      description="Claim your free, no-pressure inspection today. Limited slots available after recent storms."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Describe your roofing issue...",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      buttonText="Get Free Inspection"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Don’t Wait Until the Leak Gets Worse"
+            description="Claim your free, no-pressure inspection today. Limited slots available after recent storms."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Describe your roofing issue...", required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg"
+            mediaAnimation="slide-up"
+            buttonText="Get Free Inspection"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Midwest Roofing Services, Inc."
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Midwest Roofing Services, Inc."
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1