From 2144e396f9b6afaf518ee4b4eb4307eb53be26a4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 18:54:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 367 +++++++++++++++++------------------------------
 1 file changed, 135 insertions(+), 232 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2f8eb8b..3455dcd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,249 +16,152 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="mediumLarge"
+      background="floatingGradient"
+      cardStyle="layered-gradient"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "About Us",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Atlantic Roofing Miami"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Services", id: "#features" },
+              { name: "About Us", id: "#about" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Atlantic Roofing Miami"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Trusted Roofing Experts in Miami"
-      description="Professional installation and repair services for your home and business. Reliable, efficient, and ready 24/7."
-      buttons={[
-        {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg?_wi=1"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "gradient-bars" }}
+            title="Trusted Roofing Experts in Miami"
+            description="Professional installation and repair services for your home and business. Reliable, efficient, and ready 24/7."
+            buttons={[{ text: "Get a Free Estimate", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Decades of Roofing Excellence"
-      description="At Atlantic Roofing Miami, we pride ourselves on delivering high-quality roofing solutions tailored to the unique South Florida climate. Our certified team brings decades of experience to every job, ensuring your peace of mind and the long-term safety of your property."
-      imageSrc="http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=1"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Decades of Roofing Excellence"
+            description="At Atlantic Roofing Miami, we pride ourselves on delivering high-quality roofing solutions tailored to the unique South Florida climate. Our certified team brings decades of experience to every job, ensuring your peace of mind and the long-term safety of your property."
+            imageSrc="http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "New Roof Installation",
-          description: "High-quality shingles, metal roofing, and flat roof systems built to last.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/seamless-carpet-texture-floor-pattern-blue-color_169016-48995.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg?_wi=2",
-          imageAlt: "roof replacement process",
-        },
-        {
-          title: "Emergency Repairs",
-          description: "Fast response times for roof damage and leaks, available 24/7.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-roof_23-2148748778.jpg?_wi=2",
-          imageAlt: "roof replacement process",
-        },
-        {
-          title: "Maintenance & Inspection",
-          description: "Preventive maintenance to catch issues before they turn into costly problems.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/skateboarding-practice-freestyle-extreme-sports-concept_53876-49180.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
-          imageAlt: "roof replacement process",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Our Expert Services"
-      description="Comprehensive roofing solutions delivered with precision."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            showStepNumbers={false}
+            title="Our Expert Services"
+            description="Comprehensive roofing solutions delivered with precision."
+            features={[
+              {
+                title: "New Roof Installation",                description: "High-quality shingles, metal roofing, and flat roof systems built to last.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/seamless-carpet-texture-floor-pattern-blue-color_169016-48995.jpg", imageAlt: "roof replacement process" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/roof-tile-parquet-tile_1357-342.jpg", imageAlt: "roof replacement process" }
+              },
+              {
+                title: "Emergency Repairs",                description: "Fast response times for roof damage and leaks, available 24/7.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166620.jpg", imageAlt: "roof replacement process" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg", imageAlt: "roof replacement process" }
+              },
+              {
+                title: "Maintenance & Inspection",                description: "Preventive maintenance to catch issues before they turn into costly problems.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/skateboarding-practice-freestyle-extreme-sports-concept_53876-49180.jpg", imageAlt: "roof replacement process" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-protection-helmet_23-2149343639.jpg", imageAlt: "roof replacement process" }
+              }
+            ]}
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Miami Housing",
-        "Florida Real Estate",
-        "South Beach Estates",
-        "Coral Gables Homes",
-        "Brickell Development",
-        "Miami Garden Properties",
-        "Key Biscayne Group",
-      ]}
-      title="Trusted by Local Homeowners"
-      description="We are proud to be the preferred roofing contractor for Miami communities."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Miami Housing", "Florida Real Estate", "South Beach Estates", "Coral Gables Homes", "Brickell Development", "Miami Garden Properties", "Key Biscayne Group"]}
+            title="Trusted by Local Homeowners"
+            description="We are proud to be the preferred roofing contractor for Miami communities."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "1",
-          value: "4.9/5",
-          description: "Customer Rating",
-        },
-        {
-          id: "2",
-          value: "1500+",
-          description: "Projects Completed",
-        },
-        {
-          id: "3",
-          value: "24/7",
-          description: "Emergency Support",
-        },
-      ]}
-      title="Why Choose Us?"
-      description="Proven performance serving the Miami area."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            animationType="slide-up"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "1", value: "4.9/5", description: "Customer Rating" },
+              { id: "2", value: "1500+", description: "Projects Completed" },
+              { id: "3", value: "24/7", description: "Emergency Support" },
+            ]}
+            title="Why Choose Us?"
+            description="Proven performance serving the Miami area."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Do you provide emergency services?",
-          content: "Yes, our team is available 24/7 for emergency roof repairs.",
-        },
-        {
-          id: "2",
-          title: "Are you licensed and insured?",
-          content: "We are fully licensed, bonded, and insured to serve all of Miami.",
-        },
-        {
-          id: "3",
-          title: "How long does a new roof take to install?",
-          content: "Most installations are completed within 2-4 days, depending on project size.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Answers to common roofing questions."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "Do you provide emergency services?", content: "Yes, our team is available 24/7 for emergency roof repairs." },
+              { id: "2", title: "Are you licensed and insured?", content: "We are fully licensed, bonded, and insured to serve all of Miami." },
+              { id: "3", title: "How long does a new roof take to install?", content: "Most installations are completed within 2-4 days, depending on project size." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Answers to common roofing questions."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="Atlantic Roofing did an outstanding job replacing our roof. Professional team and exceptional attention to detail."
-      rating={5}
-      author="Sarah M., Miami Homeowner"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg",
-          alt: "Sarah M.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg",
-          alt: "John D.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-345.jpg",
-          alt: "Maria C.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094130.jpg",
-          alt: "David L.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
-          alt: "Alex B.",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={true}
+            testimonial="Atlantic Roofing did an outstanding job replacing our roof. Professional team and exceptional attention to detail."
+            rating={5}
+            author="Sarah M., Miami Homeowner"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-realtor_23-2148895440.jpg", alt: "Sarah M." },
+              { src: "http://img.b2bpic.net/free-photo/woman-thinking_93675-133241.jpg", alt: "John D." },
+              { src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-345.jpg", alt: "Maria C." },
+              { src: "http://img.b2bpic.net/free-photo/couple-getting-ready-move-with-their-children_23-2149094130.jpg", alt: "David L." },
+              { src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Alex B." },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Contact Us"
-      title="Request Your Free Quote"
-      description="Ready to get started? Contact our team today for a free professional estimate."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Contact Us"
+            title="Request Your Free Quote"
+            description="Ready to get started? Contact our team today for a free professional estimate."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Atlantic Roofing Miami"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Atlantic Roofing Miami"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1