From 8bccd6508de60c1c31bb885fb2afb0557c12673e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 17:47:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 382 ++++++-----------------------------------------
 1 file changed, 46 insertions(+), 336 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d770a6b..b6a00ab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Services", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png"
       brandName="Plumberb"
@@ -59,74 +47,20 @@ export default function LandingPage() {
       title="Reliable Plumbing Services in Islamabad – Fast & Professional"
       description="Expert solutions for homes and businesses. Trusted by over 90 customers with 4.7-star ratings."
       testimonials={[
-        {
-          name: "Sarah Khan",
-          handle: "@sarahk",
-          testimonial: "Excellent service! They fixed my drain issue in less than an hour.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg",
-        },
-        {
-          name: "Ali Ahmed",
-          handle: "@aliahmed",
-          testimonial: "Very professional and fair pricing. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-wearing-protective-face-mask-showing-menu-customer-while-talking-her-cafe_637285-6629.jpg",
-        },
-        {
-          name: "Zainab Malik",
-          handle: "@zainabm",
-          testimonial: "Best plumbing service in Islamabad, very responsive.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
-        },
-        {
-          name: "Usman Tariq",
-          handle: "@usmant",
-          testimonial: "Great experience with their team, prompt and efficient.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
-        },
-        {
-          name: "Maria Fatima",
-          handle: "@mariaf",
-          testimonial: "Professional work on our kitchen pipes, very satisfied.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg",
-        },
+        { name: "Sarah Khan", handle: "@sarahk", testimonial: "Excellent service! They fixed my drain issue in less than an hour.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-washing-dishes_23-2148378501.jpg" },
+        { name: "Ali Ahmed", handle: "@aliahmed", testimonial: "Very professional and fair pricing. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waiter-wearing-protective-face-mask-showing-menu-customer-while-talking-her-cafe_637285-6629.jpg" },
+        { name: "Zainab Malik", handle: "@zainabm", testimonial: "Best plumbing service in Islamabad, very responsive.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
+        { name: "Usman Tariq", handle: "@usmant", testimonial: "Great experience with their team, prompt and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg" },
+        { name: "Maria Fatima", handle: "@mariaf", testimonial: "Professional work on our kitchen pipes, very satisfied.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg" },
       ]}
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+923000000000",
-        },
-        {
-          text: "Book Service",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=1"
+      buttons={[{ text: "Call Now", href: "tel:+923000000000" }, { text: "Book Service", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-working-with-technology_329181-19259.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/barista-smiling-smartphone-counter-coffee-shop_23-2148326694.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/man-servant-cooking-kitchen_23-2149530816.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447184.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/businesswoman-working-with-technology_329181-19259.jpg", alt: "Client 5" },
       ]}
       avatarText="Trusted by 90+ local clients"
     />
@@ -137,21 +71,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Your Trusted Plumbing Experts in Islamabad"
       description="Plumberb provides comprehensive plumbing solutions for residential and commercial clients across Islamabad. We prioritize speed, reliability, and quality craftsmanship."
-      metrics={[
-        {
-          value: "10+ Years",
-          title: "Experience",
-        },
-        {
-          value: "90+",
-          title: "Happy Clients",
-        },
-        {
-          value: "4.7/5",
-          title: "Rating",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=1"
+      metrics={[{ value: "10+ Years", title: "Experience" }, { value: "90+", title: "Happy Clients" }, { value: "4.7/5", title: "Rating" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -164,64 +85,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Drain Cleaning",
-          description: "Professional removal of stubborn blockages.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/inside-view-pipe-tube-pipeline-construction_342744-362.jpg?_wi=1",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "High-pressure jetting",
-            },
-            {
-              icon: CheckCircle,
-              text: "Safe chemical treatment",
-            },
-          ],
+          title: "Drain Cleaning",          description: "Professional removal of stubborn blockages.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png", imageAlt: "drain cleaning professional equipment" },
+          items: [{ icon: CheckCircle, text: "High-pressure jetting" }, { icon: CheckCircle, text: "Safe chemical treatment" }],
           reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png?_wi=1",
-          imageAlt: "drain cleaning professional equipment",
         },
         {
-          title: "Maintenance",
-          description: "Preventive checks for homes and businesses.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg?_wi=1",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Scheduled inspections",
-            },
-            {
-              icon: CheckCircle,
-              text: "System health reports",
-            },
-          ],
+          title: "Maintenance",          description: "Preventive checks for homes and businesses.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg", imageAlt: "drain cleaning professional equipment" },
+          items: [{ icon: CheckCircle, text: "Scheduled inspections" }, { icon: CheckCircle, text: "System health reports" }],
           reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=2",
-          imageAlt: "drain cleaning professional equipment",
         },
         {
-          title: "Leak Detection",
-          description: "Advanced detection to save water and money.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721540.jpg",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Precision technology",
-            },
-            {
-              icon: CheckCircle,
-              text: "Expert repair",
-            },
-          ],
+          title: "Leak Detection",          description: "Advanced detection to save water and money.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg", imageAlt: "drain cleaning professional equipment" },
+          items: [{ icon: CheckCircle, text: "Precision technology" }, { icon: CheckCircle, text: "Expert repair" }],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=2",
-          imageAlt: "drain cleaning professional equipment",
         },
       ]}
       title="Our Professional Services"
@@ -236,48 +112,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Toilet Install",
-          price: "From PKR 5000",
-          variant: "Basic",
-          imageSrc: "http://img.b2bpic.net/free-photo/rain-shower_74190-2861.jpg",
-        },
-        {
-          id: "p2",
-          name: "Faucet Replacement",
-          price: "From PKR 2500",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-kitchen-faucet-vintage-style-closeup_169016-20013.jpg",
-        },
-        {
-          id: "p3",
-          name: "Water Filter Setup",
-          price: "From PKR 8000",
-          variant: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
-        },
-        {
-          id: "p4",
-          name: "Shower System",
-          price: "From PKR 6500",
-          variant: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-is-sitting-toilet_1204-357.jpg",
-        },
-        {
-          id: "p5",
-          name: "Kitchen Sink Fit",
-          price: "From PKR 4000",
-          variant: "Durable",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg",
-        },
-        {
-          id: "p6",
-          name: "Pipe Replacement",
-          price: "From PKR 9500",
-          variant: "Heavy Duty",
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg",
-        },
+        { id: "p1", name: "Toilet Install", price: "From PKR 5000", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/rain-shower_74190-2861.jpg" },
+        { id: "p2", name: "Faucet Replacement", price: "From PKR 2500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/steel-kitchen-faucet-vintage-style-closeup_169016-20013.jpg" },
+        { id: "p3", name: "Water Filter Setup", price: "From PKR 8000", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg" },
+        { id: "p4", name: "Shower System", price: "From PKR 6500", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/man-is-sitting-toilet_1204-357.jpg" },
+        { id: "p5", name: "Kitchen Sink Fit", price: "From PKR 4000", variant: "Durable", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg" },
+        { id: "p6", name: "Pipe Replacement", price: "From PKR 9500", variant: "Heavy Duty", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-sink_23-2147772219.jpg" },
       ]}
       title="Plumbing Fixture Installations"
       description="Professional installation of high-quality fixtures for your home or office."
@@ -290,30 +130,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "45 min",
-          title: "Avg Response Time",
-          items: [
-            "Within G9/G10 sectors",
-          ],
-        },
-        {
-          id: "m2",
-          value: "98%",
-          title: "Customer Satisfaction",
-          items: [
-            "Based on 91 reviews",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Availability",
-          items: [
-            "Emergency service anytime",
-          ],
-        },
+        { id: "m1", value: "45 min", title: "Avg Response Time", items: ["Within G9/G10 sectors"] },
+        { id: "m2", value: "98%", title: "Customer Satisfaction", items: ["Based on 91 reviews"] },
+        { id: "m3", value: "24/7", title: "Availability", items: ["Emergency service anytime"] },
       ]}
       title="Service Excellence Metrics"
       description="Our commitment to quality is backed by proven performance stats."
@@ -325,61 +144,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Khan",
-          date: "Jan 2025",
-          title: "Great work",
-          quote: "Reliable and fast response.",
-          tag: "Homeowner",
-          avatarSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469438.jpg",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png?_wi=2",
-          imageAlt: "happy client residential plumbing service",
-        },
-        {
-          id: "t2",
-          name: "Ali Ahmed",
-          date: "Dec 2024",
-          title: "Best in class",
-          quote: "Professionals who know their job.",
-          tag: "Business",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367548.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg?_wi=3",
-          imageAlt: "happy client residential plumbing service",
-        },
-        {
-          id: "t3",
-          name: "Zainab Malik",
-          date: "Dec 2024",
-          title: "Recommended",
-          quote: "Highly effective service.",
-          tag: "Contractor",
-          avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg?_wi=3",
-          imageAlt: "happy client residential plumbing service",
-        },
-        {
-          id: "t4",
-          name: "Usman Tariq",
-          date: "Nov 2024",
-          title: "Lifesaver",
-          quote: "Fixed a major leak overnight.",
-          tag: "Homeowner",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/inside-view-pipe-tube-pipeline-construction_342744-362.jpg?_wi=2",
-          imageAlt: "happy client residential plumbing service",
-        },
-        {
-          id: "t5",
-          name: "Maria Fatima",
-          date: "Oct 2024",
-          title: "Expert Team",
-          quote: "Clean and professional work.",
-          tag: "Office",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-screwdriver-wearing-hardhat-by-construction-stairs-sticking-tongue-out-happy-with-funny-expression_839833-12323.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg?_wi=2",
-          imageAlt: "happy client residential plumbing service",
-        },
+        { id: "t1", name: "Sarah Khan", date: "Jan 2025", title: "Great work", quote: "Reliable and fast response.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469438.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png", imageAlt: "happy client residential plumbing service" },
+        { id: "t2", name: "Ali Ahmed", date: "Dec 2024", title: "Best in class", quote: "Professionals who know their job.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367548.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg", imageAlt: "happy client residential plumbing service" },
+        { id: "t3", name: "Zainab Malik", date: "Dec 2024", title: "Recommended", quote: "Highly effective service.", tag: "Contractor", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138492.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg", imageAlt: "happy client residential plumbing service" },
+        { id: "t4", name: "Usman Tariq", date: "Nov 2024", title: "Lifesaver", quote: "Fixed a major leak overnight.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg", imageSrc: "http://img.b2bpic.net/free-photo/inside-view-pipe-tube-pipeline-construction_342744-362.jpg", imageAlt: "happy client residential plumbing service" },
+        { id: "t5", name: "Maria Fatima", date: "Oct 2024", title: "Expert Team", quote: "Clean and professional work.", tag: "Office", avatarSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-screwdriver-wearing-hardhat-by-construction-stairs-sticking-tongue-out-happy-with-funny-expression_839833-12323.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", imageAlt: "happy client residential plumbing service" },
       ]}
       title="Client Reviews"
       description="Trusted by home and business owners across Islamabad."
@@ -391,21 +160,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you provide emergency services?",
-          content: "Yes, we are available 24/7 for all plumbing emergencies.",
-        },
-        {
-          id: "f2",
-          title: "What areas do you cover?",
-          content: "We primarily serve G9, G10 sectors and surrounding areas in Islamabad.",
-        },
-        {
-          id: "f3",
-          title: "How can I book an appointment?",
-          content: "You can book through our online form or call us directly.",
-        },
+        { id: "f1", title: "Do you provide emergency services?", content: "Yes, we are available 24/7 for all plumbing emergencies." },
+        { id: "f2", title: "What areas do you cover?", content: "We primarily serve G9, G10 sectors and surrounding areas in Islamabad." },
+        { id: "f3", title: "How can I book an appointment?", content: "You can book through our online form or call us directly." },
       ]}
       title="Frequently Asked Questions"
       description="Common answers to your plumbing queries."
@@ -416,65 +173,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal",
-      }}
+      background={{ variant: "canvas-reveal" }}
       text="Need Expert Plumbing Help Today?"
-      buttons={[
-        {
-          text: "Call Plumberb Now",
-          href: "tel:+923000000000",
-        },
-      ]}
+      buttons={[{ text: "Call Plumberb Now", href: "tel:+923000000000" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Drain Cleaning",
-              href: "#",
-            },
-            {
-              label: "Installations",
-              href: "#",
-            },
-            {
-              label: "Maintenance",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Call: 0300-0000000",
-              href: "tel:+923000000000",
-            },
-            {
-              label: "Islamabad, Pakistan",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Drain Cleaning", href: "#" }, { label: "Installations", href: "#" }, { label: "Maintenance", href: "#" }] },
+        { title: "Contact", items: [{ label: "Call: 0300-0000000", href: "tel:+923000000000" }, { label: "Islamabad, Pakistan", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CoXBwWNL6m1l11EYsYUQ4tkZt1/uploaded-1777052789541-jcgp87ap.png"
       logoText="Plumberb"
-- 
2.49.1