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

---
 src/app/page.tsx | 307 ++++++++++-------------------------------------
 1 file changed, 64 insertions(+), 243 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5547704..282a250 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,127 +20,71 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Ace Plumbers Phoenix"
+      button={{ text: "Contact Us", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Expert Plumbing Services in Phoenix, AZ"
       description="Your trusted partner for all residential and commercial plumbing needs. From emergency leak repairs to water heater installations, we've got you covered."
       testimonials={[
         {
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Excellent service! They fixed my leaking toilet in no time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg?_wi=1",
-          imageAlt: "professional plumber working",
+          name: "John Doe",          handle: "@johndoe",          testimonial: "Excellent service! They fixed my leaking toilet in no time.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg",          imageAlt: "professional plumber working"
         },
         {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Very professional and friendly team. Highly recommend them.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg",
-          imageAlt: "professional plumber working",
+          name: "Jane Smith",          handle: "@janesmith",          testimonial: "Very professional and friendly team. Highly recommend them.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-mechanic_23-2148327547.jpg",          imageAlt: "professional plumber working"
         },
         {
-          name: "Bob Johnson",
-          handle: "@bobjohnson",
-          testimonial: "Fastest emergency response I've ever experienced.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/garbage-man_1368-1757.jpg?_wi=1",
-          imageAlt: "professional plumber working",
+          name: "Bob Johnson",          handle: "@bobjohnson",          testimonial: "Fastest emergency response I've ever experienced.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/garbage-man_1368-1757.jpg",          imageAlt: "professional plumber working"
         },
         {
-          name: "Alice Brown",
-          handle: "@alicebrown",
-          testimonial: "Great work on our water heater replacement. Fair pricing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg?_wi=1",
-          imageAlt: "professional plumber working",
+          name: "Alice Brown",          handle: "@alicebrown",          testimonial: "Great work on our water heater replacement. Fair pricing.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg",          imageAlt: "professional plumber working"
         },
         {
-          name: "Charlie Davis",
-          handle: "@charliedavis",
-          testimonial: "Knowledgeable and reliable. Will call them again.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-639256.jpg?_wi=1",
-          imageAlt: "professional plumber working",
-        },
+          name: "Charlie Davis",          handle: "@charliedavis",          testimonial: "Knowledgeable and reliable. Will call them again.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-639256.jpg",          imageAlt: "professional plumber working"
+        }
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg?_wi=2"
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746303.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg",
-          alt: "Side view man working as plumber",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg",
-          alt: "Side view woman working as plumber",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",
-          alt: "Asian plumber in blue overalls clearing blockage in drain",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg",
-          alt: "Front view man working as plumber",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",
-          alt: "Portrait of happy black auto mechanic in a workshop",
-        },
+        { src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg", alt: "Side view man working as plumber" },
+        { src: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", alt: "Side view woman working as plumber" },
+        { src: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", alt: "Asian plumber in blue overalls clearing blockage in drain" },
+        { src: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg", alt: "Front view man working as plumber" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg", alt: "Portrait of happy black auto mechanic in a workshop" }
       ]}
       avatarText="Trusted by 5,000+ local Phoenix families"
       marqueeItems={[
-        {
-          type: "text",
-          text: "24/7 Emergency Response",
-        },
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Upfront Pricing",
-        },
-        {
-          type: "text",
-          text: "Family Owned",
-        },
-        {
-          type: "text",
-          text: "Expert Technicians",
-        },
+        { type: "text", text: "24/7 Emergency Response" },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "Upfront Pricing" },
+        { type: "text", text: "Family Owned" },
+        { type: "text", text: "Expert Technicians" }
       ]}
     />
   </div>
@@ -150,9 +94,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Serving Phoenix with Integrity"
       description={[
-        "Ace Plumbers Phoenix is a locally owned plumbing business dedicated to providing top-quality residential and commercial services across the valley.",
-        "We offer 24/7 service, fair pricing, and expert repairs for anything from simple clogs to complex sewer line replacements.",
-        "Our team of licensed technicians ensures every job is completed with precision and care, keeping your home's systems running smoothly.",
+        "Ace Plumbers Phoenix is a locally owned plumbing business dedicated to providing top-quality residential and commercial services across the valley.",        "We offer 24/7 service, fair pricing, and expert repairs for anything from simple clogs to complex sewer line replacements.",        "Our team of licensed technicians ensures every job is completed with precision and care, keeping your home's systems running smoothly."
       ]}
     />
   </div>
@@ -164,20 +106,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Drain & Sewer Services",
-          description: "Expert drain cleaning and sewer repair to ensure your home's plumbing flows without interruptions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/garbage-man_1368-1757.jpg?_wi=2",
+          title: "Drain & Sewer Services",          description: "Expert drain cleaning and sewer repair to ensure your home's plumbing flows without interruptions.",          imageSrc: "http://img.b2bpic.net/free-photo/garbage-man_1368-1757.jpg"
         },
         {
-          title: "Water Heating Systems",
-          description: "Full-service installation and repair for residential and commercial water heaters.",
-          imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg?_wi=2",
+          title: "Water Heating Systems",          description: "Full-service installation and repair for residential and commercial water heaters.",          imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg"
         },
         {
-          title: "General Repairs & Leak Detection",
-          description: "From faucet installations to complex leak detection, we provide thorough residential plumbing repair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-639256.jpg?_wi=2",
-        },
+          title: "General Repairs & Leak Detection",          description: "From faucet installations to complex leak detection, we provide thorough residential plumbing repair.",          imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-639256.jpg"
+        }
       ]}
       title="Comprehensive Plumbing Solutions"
       description="Professional services designed for your peace of mind."
@@ -191,56 +127,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "standard",
-          badge: "Essential",
-          price: "$99",
-          subtitle: "Basic plumbing diagnostic and repair",
-          features: [
-            "Leak inspection",
-            "Faucet tune-up",
-            "Basic clog removal",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
+          id: "standard",          badge: "Essential",          price: "$99",          subtitle: "Basic plumbing diagnostic and repair",          features: ["Leak inspection", "Faucet tune-up", "Basic clog removal"],
+          buttons: [{ text: "Book Now", href: "#contact" }]
         },
         {
-          id: "premium",
-          badge: "Advanced",
-          price: "$199",
-          subtitle: "Comprehensive service and repair",
-          features: [
-            "Drain video inspection",
-            "Sewer cleanout",
-            "Water heater checkup",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
+          id: "premium",          badge: "Advanced",          price: "$199",          subtitle: "Comprehensive service and repair",          features: ["Drain video inspection", "Sewer cleanout", "Water heater checkup"],
+          buttons: [{ text: "Book Now", href: "#contact" }]
         },
         {
-          id: "emergency",
-          badge: "Emergency",
-          price: "$299",
-          subtitle: "Priority 24/7 emergency service",
-          features: [
-            "Immediate response",
-            "Critical repair work",
-            "After-hours support",
-          ],
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-        },
+          id: "emergency",          badge: "Emergency",          price: "$299",          subtitle: "Priority 24/7 emergency service",          features: ["Immediate response", "Critical repair work", "After-hours support"],
+          buttons: [{ text: "Book Now", href: "#contact" }]
+        }
       ]}
       title="Service Options"
       description="Transparent pricing for high-quality service."
@@ -254,27 +151,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "10+",
-          title: "Years Experience",
-          description: "Trusted by locals.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "5k+",
-          title: "Jobs Completed",
-          description: "Reliable repair work.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Service Availability",
-          description: "Always ready to help.",
-          icon: Clock,
-        },
+        { id: "m1", value: "10+", title: "Years Experience", description: "Trusted by locals.", icon: Award },
+        { id: "m2", value: "5k+", title: "Jobs Completed", description: "Reliable repair work.", icon: CheckCircle },
+        { id: "m3", value: "24/7", title: "Service Availability", description: "Always ready to help.", icon: Clock }
       ]}
       title="Our Track Record"
       description="Building trust through excellence in every Phoenix home."
@@ -285,31 +164,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Roberts",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg",
-        },
-        {
-          id: "3",
-          name: "Linda Gomez",
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg",
-        },
-        {
-          id: "4",
-          name: "David Wilson",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg",
-        },
-        {
-          id: "5",
-          name: "Susan Clark",
-          imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg",
-        },
+        { id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg" },
+        { id: "2", name: "Mark Roberts", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-good-conversation_23-2148653401.jpg" },
+        { id: "3", name: "Linda Gomez", imageSrc: "http://img.b2bpic.net/free-photo/architect-showing-miniature-house_23-2148242997.jpg" },
+        { id: "4", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg" },
+        { id: "5", name: "Susan Clark", imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg" }
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Reviews"
@@ -322,21 +181,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "What services do you offer?",
-          content: "We cover everything from drain cleaning, toilet repair, and water heater installation to emergency leak detection and sewer line services.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide emergency service?",
-          content: "Yes, we are available 24/7 for emergency plumbing needs across the Phoenix area.",
-        },
-        {
-          id: "f3",
-          title: "Where are you located?",
-          content: "Our main office is at 10521 Cll De Las Casitas, Phoenix, AZ 85037, and we serve all surrounding neighborhoods.",
-        },
+        { id: "f1", title: "What services do you offer?", content: "We cover everything from drain cleaning, toilet repair, and water heater installation to emergency leak detection and sewer line services." },
+        { id: "f2", title: "Do you provide emergency service?", content: "Yes, we are available 24/7 for emergency plumbing needs across the Phoenix area." },
+        { id: "f3", title: "Where are you located?", content: "Our main office is at 10521 Cll De Las Casitas, Phoenix, AZ 85037, and we serve all surrounding neighborhoods." }
       ]}
       title="Frequently Asked Questions"
       description="Quick answers to common plumbing questions."
@@ -350,31 +197,11 @@ export default function LandingPage() {
       title="Contact Ace Plumbers Today"
       description="Call us at (602) 603-4819 or fill out the form below to schedule your appointment."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Describe your plumbing issue",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Describe your plumbing issue", rows: 4, required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-handshakes-gesture-purple_141793-74804.jpg"
     />
   </div>
@@ -382,14 +209,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Ace Plumbers Phoenix"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1