From 2ad1390bfbe782a4cbd057d028ef798b3fad5374 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 16:40:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 465 ++++++++++++++++-------------------------------
 1 file changed, 154 insertions(+), 311 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69b33b0..4d1ca45 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,328 +16,171 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      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: "#features",
-        },
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Iron Roofing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Services", id: "#features" },
+              { name: "Reviews", id: "#testimonials" },
+              { name: "Contact", id: "#contact" }
+            ]}
+            brandName="Iron Roofing"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Glendale Heights' Trusted Roofing Experts"
-      description="Iron Roofing provides honest, high-quality roofing solutions for Illinois homes. Experience workmanship you can trust and service that puts you first."
-      buttons={[
-        {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"
-      imageAlt="Professional residential roofing project"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
-          alt: "Man working on roof with a drill",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
-          alt: "Full shot man working on roof",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg",
-          alt: "Man sitting on the roof",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
-          alt: "Medium shot man working with protection helmet",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
-          alt: "Full shot man wearing protection helmet",
-        },
-      ]}
-      avatarText="Trusted by 500+ local homeowners"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/home-tools-logo-design-vector_474888-1949.jpg",
-          alt: "roofing material brand logo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-handyman-logo_23-2149261321.jpg",
-          alt: "roof shingle brand logo manufacturer",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdn0ta",
-          alt: "metal roofing systems company logo",
-        },
-        {
-          type: "image",
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2zt8h",
-          alt: "home insurance partner company logo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/4th-july-badge-collection_23-2148167675.jpg",
-          alt: "local business association logo",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Glendale Heights' Trusted Roofing Experts"
+            description="Iron Roofing provides honest, high-quality roofing solutions for Illinois homes. Experience workmanship you can trust and service that puts you first."
+            buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg"
+            imageAlt="Professional residential roofing project"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", alt: "Man working on roof with a drill" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg", alt: "Full shot man working on roof" },
+              { src: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg", alt: "Man sitting on the roof" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", alt: "Medium shot man working with protection helmet" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", alt: "Full shot man wearing protection helmet" }
+            ]}
+            avatarText="Trusted by 500+ local homeowners"
+            marqueeItems={[
+              { type: "image", src: "http://img.b2bpic.net/free-vector/home-tools-logo-design-vector_474888-1949.jpg", alt: "roofing material brand logo" },
+              { type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-handyman-logo_23-2149261321.jpg", alt: "roof shingle brand logo manufacturer" },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdn0ta", alt: "metal roofing systems company logo" },
+              { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2zt8h", alt: "home insurance partner company logo" },
+              { type: "image", src: "http://img.b2bpic.net/free-vector/4th-july-badge-collection_23-2148167675.jpg", alt: "local business association logo" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Dedicated to Honesty & Craftsmanship",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
-          alt: "Our team at work",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "Dedicated to Honesty & Craftsmanship" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", alt: "Our team at work" }
+            ]}
+            buttons={[{ text: "Learn More", href: "#features" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Expert Roof Installation",
-          description: "High-quality shingles and materials installed to last for decades.",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg",
-          imageAlt: "Roof installation",
-        },
-        {
-          title: "Roof Repair Services",
-          description: "Quick, effective solutions to leaks and storm damage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
-          imageAlt: "Repair work",
-        },
-        {
-          title: "Customer-First Service",
-          description: "We handle every project with transparency, integrity, and care.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
-          imageAlt: "Happy client consulting",
-        },
-      ]}
-      title="Our Roofing Services"
-      description="We offer a full range of roofing services tailored to protect your home with high-quality materials and professional installation."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            features={[
+              { title: "Expert Roof Installation", description: "High-quality shingles and materials installed to last for decades.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof-together_23-2149343676.jpg", imageAlt: "Roof installation" },
+              { title: "Roof Repair Services", description: "Quick, effective solutions to leaks and storm damage.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "Repair work" },
+              { title: "Customer-First Service", description: "We handle every project with transparency, integrity, and care.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg", imageAlt: "Happy client consulting" }
+            ]}
+            title="Our Roofing Services"
+            description="We offer a full range of roofing services tailored to protect your home with high-quality materials and professional installation."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Owens Corning Certified",
-        "GAF Master Elite",
-        "CertainTeed Certified",
-        "Glendale Business Assoc.",
-        "HomeAdvisor Trusted",
-      ]}
-      title="Certifications & Partners"
-      description="Trusted by industry-leading manufacturers to deliver exceptional results."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Owens Corning Certified", "GAF Master Elite", "CertainTeed Certified", "Glendale Business Assoc.", "HomeAdvisor Trusted"]}
+            title="Certifications & Partners"
+            description="Trusted by industry-leading manufacturers to deliver exceptional results."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "4.6/5",
-          title: "Customer Rating",
-          description: "Average rating based on over 80 verified customer reviews.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
-        },
-        {
-          id: "m2",
-          value: "80+",
-          title: "Verified Reviews",
-          description: "Our track record is built on honesty and quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-tools-empty-notepad_23-2148393117.jpg",
-        },
-        {
-          id: "m3",
-          value: "Local",
-          title: "Glendale Heights",
-          description: "We are your neighbors serving the Illinois community.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
-        },
-      ]}
-      title="Why Choose Us?"
-      description="Our numbers speak for the trust we've built in Glendale Heights."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "4.6/5", title: "Customer Rating", description: "Average rating based on over 80 verified customer reviews.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
+              { id: "m2", value: "80+", title: "Verified Reviews", description: "Our track record is built on honesty and quality.", imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-tools-empty-notepad_23-2148393117.jpg" },
+              { id: "m3", value: "Local", title: "Glendale Heights", description: "We are your neighbors serving the Illinois community.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg" }
+            ]}
+            title="Why Choose Us?"
+            description="Our numbers speak for the trust we've built in Glendale Heights."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894061.jpg",
-        },
-        {
-          id: "t5",
-          name: "Linda P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-        },
-      ]}
-      cardTitle="Client Experiences"
-      cardTag="Trusted Service"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
+              { id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg" },
+              { id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg" },
+              { id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-having-lunch_23-2148894061.jpg" },
+              { id: "t5", name: "Linda P.", imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" }
+            ]}
+            cardTitle="Client Experiences"
+            cardTag="Trusted Service"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long does a typical roof project take?",
-          content: "Most residential projects are completed in 1-3 days, depending on scope and weather.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer financing options?",
-          content: "Yes, we work with several financing partners to help make your home improvements affordable.",
-        },
-        {
-          id: "f3",
-          title: "Are you fully insured and licensed?",
-          content: "Absolutely. We are fully licensed, bonded, and insured for your complete peace of mind.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions? We have the answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How long does a typical roof project take?", content: "Most residential projects are completed in 1-3 days, depending on scope and weather." },
+              { id: "f2", title: "Do you offer financing options?", content: "Yes, we work with several financing partners to help make your home improvements affordable." },
+              { id: "f3", title: "Are you fully insured and licensed?", content: "Absolutely. We are fully licensed, bonded, and insured for your complete peace of mind." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Have questions? We have the answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to secure your home with a roof you can trust? Contact Iron Roofing in Glendale Heights today for your free, no-obligation estimate."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "tel:5555555555",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Ready to secure your home with a roof you can trust? Contact Iron Roofing in Glendale Heights today for your free, no-obligation estimate."
+            buttons={[{ text: "Contact Us Now", href: "tel:5555555555" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Our Reviews",
-              href: "#testimonials",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Roof Installation",
-              href: "#features",
-            },
-            {
-              label: "Roof Repairs",
-              href: "#features",
-            },
-            {
-              label: "Get a Quote",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Iron Roofing"
-      bottomRightText="Glendale Heights, IL"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Reviews", href: "#testimonials" },
+                  { label: "Contact", href: "#contact" }
+                ]
+              },
+              {
+                title: "Services",                items: [
+                  { label: "Roof Installation", href: "#features" },
+                  { label: "Roof Repairs", href: "#features" },
+                  { label: "Get a Quote", href: "#contact" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 Iron Roofing"
+            bottomRightText="Glendale Heights, IL"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1