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

---
 src/app/page.tsx | 290 +++++++++++++++--------------------------------
 1 file changed, 92 insertions(+), 198 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f766996..f0f4d68 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,212 +16,106 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        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: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="PERFORMING ROOFING, INC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+              { name: "FAQ", id: "faq" }
+            ]}
+            brandName="PERFORMING ROOFING, INC"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Luxury Roofing. Built to Perform."
-      description="Premium roofing, gutters, and exterior solutions delivered with precision, honesty, and unmatched service."
-      buttons={[
-        {
-          text: "Get Free Estimate",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-          alt: "Happy mature businessman showing thumb up",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
-          alt: "Happy satisfied customer making Ok gesture",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
-          alt: "Business woman smiling with a top hat and a thumbs up",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
-          alt: "black businessman happy expression",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
-          alt: "Smiling businessman face portrait, wearing suit",
-        },
-      ]}
-      avatarText="Trusted by over 500+ satisfied homeowners"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Luxury Roofing. Built to Perform."
+            description="Premium roofing, gutters, and exterior solutions delivered with precision, honesty, and unmatched service."
+            buttons={[{ text: "Get Free Estimate", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Happy mature businessman showing thumb up" },
+              { src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", alt: "Happy satisfied customer making Ok gesture" },
+              { src: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", alt: "Business woman smiling with a top hat and a thumbs up" },
+              { src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "black businessman happy expression" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "Smiling businessman face portrait, wearing suit" }
+            ]}
+            avatarText="Trusted by over 500+ satisfied homeowners"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Roof Installation",
-          description: "High-performance roofing systems designed for durability and luxury aesthetics.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
-        },
-        {
-          title: "Roof Repairs",
-          description: "Fast, honest diagnostics and cost-effective repairs you can trust.",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=1",
-        },
-        {
-          title: "Gutter Systems",
-          description: "Seamless gutters installed with precision for long-term protection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
-        },
-        {
-          title: "Storm Restoration",
-          description: "We work with insurance and restore your property quickly and professionally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg?_wi=1",
-        },
-      ]}
-      title="Our Services"
-      description="We deliver elite craftsmanship and fast, reliable service tailored to your home or business."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Services"
+            description="We deliver elite craftsmanship and fast, reliable service tailored to your home or business."
+            features={[
+              { title: "Roof Installation", description: "High-performance roofing systems designed for durability and luxury aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg" },
+              { title: "Roof Repairs", description: "Fast, honest diagnostics and cost-effective repairs you can trust.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
+              { title: "Gutter Systems", description: "Seamless gutters installed with precision for long-term protection.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg" },
+              { title: "Storm Restoration", description: "We work with insurance and restore your property quickly and professionally.", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFive
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Verified Customer",
-          date: "2025",
-          title: "Great Experience",
-          quote: "They worked with me on affordable solutions and handled everything with zero hassle.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg?_wi=2",
-          imageAlt: "happy homeowner smiling",
-        },
-        {
-          id: "2",
-          name: "John S.",
-          date: "2025",
-          title: "Excellent Quality",
-          quote: "Top quality work, great price, and incredible service.",
-          tag: "Customer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-happy-curly-haired-woman-smiles-toothily-looks-with-glad-expression-wears-casual-t-shirt-necklace-stays-positive-isolated-white-background-people-emotions-concept_273609-61728.jpg",
-          imageAlt: "happy homeowner smiling",
-        },
-        {
-          id: "3",
-          name: "Verified Review",
-          date: "2025",
-          title: "Honest Team",
-          quote: "Honest, professional, and extremely helpful—even when the job wasn't theirs.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg",
-          imageAlt: "happy homeowner smiling",
-        },
-        {
-          id: "4",
-          name: "Customer Review",
-          date: "2025",
-          title: "Highly Professional",
-          quote: "Communication was flawless. The team was fast, skilled, and highly professional.",
-          tag: "Customer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg?_wi=2",
-          imageAlt: "happy homeowner smiling",
-        },
-        {
-          id: "5",
-          name: "Jane D.",
-          date: "2025",
-          title: "Efficient",
-          quote: "Exceptional team that delivered exactly what they promised on schedule.",
-          tag: "Customer",
-          avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg?_wi=2",
-          imageAlt: "happy homeowner smiling",
-        },
-      ]}
-      title="What Clients Say"
-      description="Trusted by hundreds of homeowners for quality and precision."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardFive
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="What Clients Say"
+            description="Trusted by hundreds of homeowners for quality and precision."
+            testimonials={[
+              { id: "1", name: "Verified Customer", date: "2025", title: "Great Experience", quote: "They worked with me on affordable solutions and handled everything with zero hassle.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg" },
+              { id: "2", name: "John S.", date: "2025", title: "Excellent Quality", quote: "Top quality work, great price, and incredible service.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-white-shirt-black-pants-looking-happy-cheerful-showing-thumbs-up-sitting-chair-light-living-room_141793-98823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-happy-curly-haired-woman-smiles-toothily-looks-with-glad-expression-wears-casual-t-shirt-necklace-stays-positive-isolated-white-background-people-emotions-concept_273609-61728.jpg" },
+              { id: "3", name: "Verified Review", date: "2025", title: "Honest Team", quote: "Honest, professional, and extremely helpful—even when the job wasn't theirs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg" },
+              { id: "4", name: "Customer Review", date: "2025", title: "Highly Professional", quote: "Communication was flawless. The team was fast, skilled, and highly professional.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-with-helmet-sitting-roof_23-2149343711.jpg" },
+              { id: "5", name: "Jane D.", date: "2025", title: "Efficient", quote: "Exceptional team that delivered exactly what they promised on schedule.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about our roofing services."
-      faqs={[
-        {
-          id: "f1",
-          title: "How long does a roof installation take?",
-          content: "Most residential roof installations are completed within 1-3 days, depending on the size and complexity of your roof.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer financing?",
-          content: "Yes, we partner with multiple financial institutions to offer flexible payment plans for your projects.",
-        },
-        {
-          id: "f3",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. We are fully licensed, bonded, and insured to give you peace of mind throughout the project.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            sideTitle="Common Questions"
+            sideDescription="Everything you need to know about our roofing services."
+            faqs={[
+              { id: "f1", title: "How long does a roof installation take?", content: "Most residential roof installations are completed within 1-3 days, depending on the size and complexity of your roof." },
+              { id: "f2", title: "Do you offer financing?", content: "Yes, we partner with multiple financial institutions to offer flexible payment plans for your projects." },
+              { id: "f3", title: "Are you licensed and insured?", content: "Absolutely. We are fully licensed, bonded, and insured to give you peace of mind throughout the project." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Ready to Upgrade Your Roof?"
-      description="Contact us today for a fast, free estimate."
-      buttonText="Call Now"
-      tag="Contact Us"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Contact Us"
+            title="Ready to Upgrade Your Roof?"
+            description="Contact us today for a fast, free estimate."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="PERFORMING ROOFING, INC"
-      copyrightText="© 2026 Performing Roofing, Inc. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="PERFORMING ROOFING, INC"
+            copyrightText="© 2026 Performing Roofing, Inc. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1