From 3806cf9c54316a4f03ddd391e3d163c46ffb3768 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 05:52:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 298 +++++++++++------------------------------------
 1 file changed, 70 insertions(+), 228 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1390de4..ec25b4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Building, HelpCircle, Lightbulb, Phone, ShieldCheck, Sparkles, Star, Tag, Tool, Trophy, Users, Zap } from "lucide-react";
+import { Award, Building, HelpCircle, Lightbulb, Phone, ShieldCheck, Sparkles, Star, Tag, Trophy, Users, Wrench, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -34,42 +34,24 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About Us",
-          id: "#about",
-        },
+          name: "About Us",          id: "#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Quality",
-          id: "#quality",
-        },
+          name: "Quality",          id: "#quality"},
         {
-          name: "Clients",
-          id: "#clients",
-        },
+          name: "Clients",          id: "#clients"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       button={{
-        text: "Get a Free Quote",
-        href: "#contact",
-      }}
+        text: "Get a Free Quote",        href: "#contact"}}
       logoSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
       brandName="Miami Roof Tech"
     />
@@ -78,71 +60,44 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Your Miami Roofing Experts"
       description="Miami Roof Tech delivers cutting-edge roofing solutions with unparalleled quality and reliability. Protect your investment with our advanced technology and skilled craftsmanship."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg",
-          alt: "Client avatar 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-cheerfully-showing-thumbs-up-green-wall_141793-29344.jpg",          alt: "Client avatar 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
-          alt: "Client avatar 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",          alt: "Client avatar 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg",
-          alt: "Client avatar 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg",          alt: "Client avatar 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
-          alt: "Client avatar 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",          alt: "Client avatar 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-holding-book-close-up_23-2148973429.jpg",
-          alt: "Professional smiling person headshot",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-holding-book-close-up_23-2148973429.jpg",          alt: "Professional smiling person headshot"},
       ]}
       avatarText="Trusted by over 1000+ satisfied clients in Miami!"
       buttons={[
         {
-          text: "Get a Free Estimate",
-          href: "#contact",
-        },
+          text: "Get a Free Estimate",          href: "#contact"},
         {
-          text: "View Our Services",
-          href: "#services",
-        },
+          text: "View Our Services",          href: "#services"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
-          text: "Residential Roofing",
+          type: "text",          text: "Residential Roofing"},
+        {
+          type: "text-icon",          text: "Commercial Solutions",          icon: Building,
         },
         {
-          type: "text-icon",
-          text: "Commercial Solutions",
-          icon: Building,
+          type: "text",          text: "Roof Repair & Maintenance"},
+        {
+          type: "text-icon",          text: "Storm Damage Restoration",          icon: Zap,
         },
         {
-          type: "text",
-          text: "Roof Repair & Maintenance",
-        },
+          type: "text",          text: "Advanced Technology"},
         {
-          type: "text-icon",
-          text: "Storm Damage Restoration",
-          icon: Zap,
-        },
-        {
-          type: "text",
-          text: "Advanced Technology",
-        },
-        {
-          type: "text-icon",
-          text: "Quality Guaranteed",
-          icon: Award,
+          type: "text-icon",          text: "Quality Guaranteed",          icon: Award,
         },
       ]}
       marqueeSpeed={40}
@@ -160,9 +115,7 @@ export default function LandingPage() {
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Learn More About Us",
-          href: "#",
-        },
+          text: "Learn More About Us",          href: "#"},
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg"
@@ -177,61 +130,34 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "residential-roofing",
-          label: "Residential Roofing",
-          title: "Protecting Your Home",
-          items: [
-            "New Roof Installations",
-            "Complete Roof Replacements",
-            "Shingle & Tile Roof Services",
-            "Leak Detection & Repair",
-          ],
+          id: "residential-roofing",          label: "Residential Roofing",          title: "Protecting Your Home",          items: [
+            "New Roof Installations",            "Complete Roof Replacements",            "Shingle & Tile Roof Services",            "Leak Detection & Repair"],
           buttons: [
             {
-              text: "Residential Details",
-              href: "#",
-            },
+              text: "Residential Details",              href: "#"},
           ],
         },
         {
-          id: "commercial-solutions",
-          label: "Commercial Solutions",
-          title: "Reliability for Businesses",
-          items: [
-            "Flat Roof Systems (TPO, PVC)",
-            "Commercial Roof Maintenance",
-            "Emergency Repair Services",
-            "Large-Scale Re-roofing Projects",
-          ],
+          id: "commercial-solutions",          label: "Commercial Solutions",          title: "Reliability for Businesses",          items: [
+            "Flat Roof Systems (TPO, PVC)",            "Commercial Roof Maintenance",            "Emergency Repair Services",            "Large-Scale Re-roofing Projects"],
           buttons: [
             {
-              text: "Commercial Details",
-              href: "#",
-            },
+              text: "Commercial Details",              href: "#"},
           ],
         },
         {
-          id: "repair-maintenance",
-          label: "Repair & Maintenance",
-          title: "Extend Your Roof's Life",
-          items: [
-            "Storm Damage Restoration",
-            "Preventative Maintenance Plans",
-            "Gutter & Downspout Services",
-            "Roof Cleaning & Coating",
-          ],
+          id: "repair-maintenance",          label: "Repair & Maintenance",          title: "Extend Your Roof's Life",          items: [
+            "Storm Damage Restoration",            "Preventative Maintenance Plans",            "Gutter & Downspout Services",            "Roof Cleaning & Coating"],
           buttons: [
             {
-              text: "Repair Solutions",
-              href: "#",
-            },
+              text: "Repair Solutions",              href: "#"},
           ],
         },
       ]}
       title="Our Superior Roofing Services"
       description="We offer a comprehensive range of roofing services, ensuring your property is protected and looks its best. From new installations to urgent repairs, our certified team handles it all with precision and care."
       tag="What We Offer"
-      tagIcon={Tool}
+      tagIcon={Wrench}
       tagAnimation="slide-up"
       buttonAnimation="slide-up"
     />
@@ -239,50 +165,26 @@ export default function LandingPage() {
 
   <div id="quality" data-section="quality">
       <TestimonialCardOne
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Maria Garcia",
-          role: "Homeowner",
-          company: "Coral Gables",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg",
-        },
+          id: "1",          name: "Maria Garcia",          role: "Homeowner",          company: "Coral Gables",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg"},
         {
-          id: "2",
-          name: "David Chen",
-          role: "Property Manager",
-          company: "Downtown Miami",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-american-beautiful-cafe-african_1303-1341.jpg",
-        },
+          id: "2",          name: "David Chen",          role: "Property Manager",          company: "Downtown Miami",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/adult-american-beautiful-cafe-african_1303-1341.jpg"},
         {
-          id: "3",
-          name: "Jessica Lopez",
-          role: "Business Owner",
-          company: "Brickell",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg",
-        },
+          id: "3",          name: "Jessica Lopez",          role: "Business Owner",          company: "Brickell",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-shirt-showing-ok-signs-looking-happy_176474-17426.jpg"},
         {
-          id: "4",
-          name: "Robert Johnson",
-          role: "Retired Couple",
-          company: "South Beach",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-intercultural-friends-walking-together_23-2148300900.jpg",
-        },
+          id: "4",          name: "Robert Johnson",          role: "Retired Couple",          company: "South Beach",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-intercultural-friends-walking-together_23-2148300900.jpg"},
         {
-          id: "5",
-          name: "Emily White",
-          role: "New Homeowner",
-          company: "Pinecrest",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-her-parents-moving-into-their-new-home_637285-12390.jpg",
-        },
+          id: "5",          name: "Emily White",          role: "New Homeowner",          company: "Pinecrest",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-her-parents-moving-into-their-new-home_637285-12390.jpg"},
       ]}
       title="What Our Clients Say About Us"
       description="Our commitment to quality and customer satisfaction speaks for itself. Read testimonials from happy homeowners and business owners across Miami."
@@ -301,20 +203,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",
-          value: "15+",
-          description: "Years of Experience",
-        },
+          id: "1",          value: "15+",          description: "Years of Experience"},
         {
-          id: "2",
-          value: "1200+",
-          description: "Projects Completed",
-        },
+          id: "2",          value: "1200+",          description: "Projects Completed"},
         {
-          id: "3",
-          value: "98%",
-          description: "Customer Satisfaction",
-        },
+          id: "3",          value: "98%",          description: "Customer Satisfaction"},
       ]}
       title="Proven Results You Can Trust"
       description="Our track record speaks volumes. Miami Roof Tech consistently delivers exceptional results, ensuring peace of mind for all our clients."
@@ -330,14 +223,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Residential Clients",
-        "Commercial Developers",
-        "Property Management",
-        "HOA Associations",
-        "Local Businesses",
-        "Government Projects",
-        "Private Residences",
-      ]}
+        "Residential Clients",        "Commercial Developers",        "Property Management",        "HOA Associations",        "Local Businesses",        "Government Projects",        "Private Residences"]}
       title="Trusted by Homeowners & Businesses Alike"
       description="We are proud to serve a diverse portfolio of clients across the greater Miami area, building strong, lasting relationships through reliable service."
       tag="Our Community"
@@ -354,61 +240,31 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
-          badge: "Standard",
-          badgeIcon: Sparkles,
-          price: "Starting at $299",
-          name: "Roof Repair Service",
-          buttons: [
+          id: "basic",          badge: "Standard",          badgeIcon: Sparkles,
+          price: "Starting at $299",          name: "Roof Repair Service",          buttons: [
             {
-              text: "Request Repair",
-              href: "#contact",
-            },
+              text: "Request Repair",              href: "#contact"},
           ],
           features: [
-            "Minor Leak Fixes",
-            "Damaged Tile Replacement",
-            "Gutter Adjustments",
-            "Free Inspection Report",
-          ],
+            "Minor Leak Fixes",            "Damaged Tile Replacement",            "Gutter Adjustments",            "Free Inspection Report"],
         },
         {
-          id: "standard",
-          badge: "Best Value",
-          badgeIcon: Zap,
-          price: "Starting at $8,000",
-          name: "Full Roof Replacement",
-          buttons: [
+          id: "standard",          badge: "Best Value",          badgeIcon: Zap,
+          price: "Starting at $8,000",          name: "Full Roof Replacement",          buttons: [
             {
-              text: "Get a Quote",
-              href: "#contact",
-            },
+              text: "Get a Quote",              href: "#contact"},
           ],
           features: [
-            "Complete Tear-off & Installation",
-            "Premium Shingle Options",
-            "Enhanced Leak Protection",
-            "20-Year Material Warranty",
-          ],
+            "Complete Tear-off & Installation",            "Premium Shingle Options",            "Enhanced Leak Protection",            "20-Year Material Warranty"],
         },
         {
-          id: "premium",
-          badge: "Comprehensive",
-          badgeIcon: ShieldCheck,
-          price: "Custom Quote",
-          name: "New Roof Installation",
-          buttons: [
+          id: "premium",          badge: "Comprehensive",          badgeIcon: ShieldCheck,
+          price: "Custom Quote",          name: "New Roof Installation",          buttons: [
             {
-              text: "Consult an Expert",
-              href: "#contact",
-            },
+              text: "Consult an Expert",              href: "#contact"},
           ],
           features: [
-            "Architectural Design Support",
-            "Luxury Tile & Metal Options",
-            "Advanced Ventilation Systems",
-            "Lifetime Workmanship Guarantee",
-          ],
+            "Architectural Design Support",            "Luxury Tile & Metal Options",            "Advanced Ventilation Systems",            "Lifetime Workmanship Guarantee"],
         },
       ]}
       title="Transparent Roofing Solutions"
@@ -426,20 +282,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "How long does a roof replacement take?",
-          content: "A typical residential roof replacement can take anywhere from 1-3 days, depending on the size of your roof, weather conditions, and the complexity of the project. Commercial projects may vary.",
-        },
+          id: "1",          title: "How long does a roof replacement take?",          content: "A typical residential roof replacement can take anywhere from 1-3 days, depending on the size of your roof, weather conditions, and the complexity of the project. Commercial projects may vary."},
         {
-          id: "2",
-          title: "Do you offer free estimates?",
-          content: "Yes, Miami Roof Tech provides complimentary, no-obligation estimates for all potential clients. We'll assess your needs and provide a detailed quote.",
-        },
+          id: "2",          title: "Do you offer free estimates?",          content: "Yes, Miami Roof Tech provides complimentary, no-obligation estimates for all potential clients. We'll assess your needs and provide a detailed quote."},
         {
-          id: "3",
-          title: "Are you licensed and insured?",
-          content: "Absolutely. Miami Roof Tech is fully licensed, bonded, and insured in the state of Florida. Your peace of mind is our top priority.",
-        },
+          id: "3",          title: "Are you licensed and insured?",          content: "Absolutely. Miami Roof Tech is fully licensed, bonded, and insured in the state of Florida. Your peace of mind is our top priority."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg"
       imageAlt="Roofer explaining a plan to a homeowner"
@@ -460,8 +307,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get a Free Quote"
       title="Transform Your Roof Today!"
       description="Ready to experience the Miami Roof Tech difference? Contact us now for a free consultation and personalized estimate. Your dream roof is just a click away."
@@ -479,13 +325,9 @@ export default function LandingPage() {
       logoSrc="http://img.b2bpic.net/free-photo/price-tag-front-side_187299-40109.jpg"
       logoText="Miami Roof Tech"
       leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+        text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>
-- 
2.49.1