From 5735d7cb8b47a3e2018e71e64a7ec647c22bab8a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 20:23:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 211 ++++++++---------------------------------------
 1 file changed, 34 insertions(+), 177 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 573daa1..0ea7905 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,36 +19,26 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="mediumSmall"
         sizing="largeSmall"
-        background="fluid"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="primary-glow"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Zebra Roofing"
     />
@@ -57,55 +47,23 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "plain"}}
       title="Your Trusted Roofing Partner"
       description="Zebra Roofing & Exteriors brings innovation, safety, and high-quality workmanship to every property in Edmonton. Fully bonded, insured, and woman-owned."
       testimonials={[
         {
-          name: "Sarah T.",
-          handle: "@customer",
-          testimonial: "Zebra Roofing resolved our leak within 48 hours. Excellent service!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/friendly-professional-person-smiling-por-1774729228189-5cd4cb2f.png?_wi=1",
-        },
+          name: "Sarah T.",          handle: "@customer",          testimonial: "Zebra Roofing resolved our leak within 48 hours. Excellent service!",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/friendly-professional-person-smiling-por-1774729228189-5cd4cb2f.png?_wi=1"},
         {
-          name: "Mark D.",
-          handle: "@customer",
-          testimonial: "Very professional and fair pricing. Highly recommended for any roofing needs.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/happy-satisfied-homeowner-in-front-of-th-1774729227256-3585b629.png",
-        },
-        {
-          name: "Julie L.",
-          handle: "@customer",
-          testimonial: "Friendly, prompt, and high-quality workmanship. Truly top notch.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/professional-business-person-portrait-ph-1774729227810-6918f493.png",
-        },
-        {
-          name: "David S.",
-          handle: "@customer",
-          testimonial: "The best experience I've had with a contractor. Detail-oriented and careful.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/a-smiling-happy-woman-who-owns-a-home-po-1774729227493-478de462.png",
-        },
-        {
-          name: "Michael R.",
-          handle: "@customer",
-          testimonial: "Exceptional communication throughout the entire roof replacement project.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/friendly-professional-person-smiling-por-1774729228189-5cd4cb2f.png?_wi=2",
-        },
+          name: "Mark D.",          handle: "@customer",          testimonial: "Very professional and fair pricing. Highly recommended for any roofing needs.",          rating: 5,
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/happy-satisfied-homeowner-in-front-of-th-1774729227256-3585b629.png"},
       ]}
       buttons={[
         {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
+          text: "Get a Free Quote",          href: "#contact"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/a-professional-roofing-project-on-a-mode-1774729228276-15fec8ac.png"
-      mediaAnimation="slide-up"
+      mediaAnimation="none"
     />
   </div>
 
@@ -114,68 +72,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "About Zebra Roofing",
-        },
+          type: "text",          content: "About Zebra Roofing"},
         {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/a-detail-oriented-roofing-contractor-exa-1774729231607-b5c9b499.png",
-          alt: "About Zebra Roofing",
-        },
+          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/a-detail-oriented-roofing-contractor-exa-1774729231607-b5c9b499.png",          alt: "About Zebra Roofing"},
       ]}
     />
   </div>
 
   <div id="services" data-section="services">
       <FeatureCardTwentyFour
-      animationType="slide-up"
+      animationType="none"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "s1",
-          title: "Roof Repair",
-          author: "Zebra Roofing",
-          description: "Expert repairs for storm damage and long-term wear.",
-          tags: [
-            "Reliable",
-            "Fast",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/roof-repair-scene-on-a-home-high-quality-1774729227518-8d82f1f4.png",
-        },
+          id: "s1",          title: "Roof Repair",          author: "Zebra Roofing",          description: "Expert repairs for storm damage and long-term wear.",          tags: [
+            "Reliable",            "Fast"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/roof-repair-scene-on-a-home-high-quality-1774729227518-8d82f1f4.png"},
         {
-          id: "s2",
-          title: "Roof Installation",
-          author: "Zebra Roofing",
-          description: "High-quality, durable new roofs built to last in Edmonton weather.",
-          tags: [
-            "New Build",
-            "Quality",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/roof-installation-process-on-a-high-end--1774729227596-3f7d2a82.png",
-        },
-        {
-          id: "s3",
-          title: "Leak Detection",
-          author: "Zebra Roofing",
-          description: "Quickly pinpointing and resolving leaks to prevent further damage.",
-          tags: [
-            "Urgent",
-            "Precision",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/leak-detection-expert-diagnosing-a-roof--1774729227283-358e6667.png",
-        },
-        {
-          id: "s4",
-          title: "Exterior Services",
-          author: "Zebra Roofing",
-          description: "Professional siding and exterior finishing to protect your home.",
-          tags: [
-            "Full Exterior",
-            "Trusted",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/modern-siding-and-exterior-services-on-a-1774729227425-986de7b5.png",
-        },
+          id: "s2",          title: "Roof Installation",          author: "Zebra Roofing",          description: "High-quality, durable new roofs built to last in Edmonton weather.",          tags: [
+            "New Build",            "Quality"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/roof-installation-process-on-a-high-end--1774729227596-3f7d2a82.png"},
       ]}
       title="Our Professional Services"
       description="We treat every property like our own, ensuring safety and precision."
@@ -188,60 +105,24 @@ export default function LandingPage() {
       testimonial="Zebra Roofing & Exteriors is a woman-owned business that treats every property like their own. Their professionalism and quality are unmatched in the industry."
       rating={5}
       author="Sarah Thompson"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/friendly-professional-person-smiling-por-1774729228189-5cd4cb2f.png",
-          alt: "Sarah",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/happy-satisfied-homeowner-in-front-of-th-1774729227256-3585b629.png",
-          alt: "Mark",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/professional-business-person-portrait-ph-1774729227810-6918f493.png",
-          alt: "Julie",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/a-smiling-happy-woman-who-owns-a-home-po-1774729227493-478de462.png",
-          alt: "David",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BaZZ1YzhGsfj29cgMpkjx1oY7j/friendly-professional-person-smiling-por-1774729228189-5cd4cb2f.png",
-          alt: "Michael",
-        },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
+      avatars={[]}
+      ratingAnimation="none"
+      avatarsAnimation="none"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactFaq
-      animationType="slide-up"
+      animationType="none"
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you provide free quotes?",
-          content: "Yes, we provide transparent, free quotes for all our roofing and exterior services.",
-        },
-        {
-          id: "f2",
-          title: "Are you insured?",
-          content: "Absolutely. We are fully bonded and insured for your peace of mind.",
-        },
-        {
-          id: "f3",
-          title: "How fast can you resolve a leak?",
-          content: "We prioritize urgent issues and often resolve them within a week.",
-        },
+          id: "f1",          title: "Do you provide free quotes?",          content: "Yes, we provide transparent, free quotes for all our roofing and exterior services."},
       ]}
       ctaTitle="Ready for your free quote?"
       ctaDescription="Contact us today to experience the Zebra difference."
       ctaButton={{
-        text: "Contact Us Today",
-        href: "mailto:info@zebraroofing.com",
-      }}
+        text: "Contact Us Today",        href: "mailto:info@zebraroofing.com"}}
       ctaIcon={Phone}
     />
   </div>
@@ -252,33 +133,9 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Services",              href: "#services"},
           ],
         },
       ]}
@@ -288,4 +145,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file