From 523f23c879a466119e68097f28d443d41f736212 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 04:52:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 204 ++++++++++-------------------------------------
 1 file changed, 42 insertions(+), 162 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3c76339..7a2af39 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Reviews",
-          id: "#reviews",
-        },
+          name: "Reviews",          id: "#reviews"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       button={{
-        text: "Call Now",
-        href: "tel:+16135550100",
-      }}
+        text: "Call Now",        href: "tel:+16135550100"}}
       brandName="The Ottawa Plumber"
     />
   </div>
@@ -57,42 +47,21 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Premium Plumbing Services in Ottawa"
       description="The Ottawa Plumber delivers elite, licensed, and insured plumbing solutions for your home or business. Experience reliability and craftsmanship at the highest level."
       tag="Your Local Ottawa Plumbing Expert"
       buttons={[
         {
-          text: "Book a Call",
-          href: "#contact",
-        },
+          text: "Book a Call",          href: "#contact"},
         {
-          text: "Our Services",
-          href: "#services",
-        },
+          text: "Our Services",          href: "#services"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg",
-          imageAlt: "Professional plumbing service",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg",          imageAlt: "Professional plumbing service"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
-          imageAlt: "Premium plumbing repair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=1",
-          imageAlt: "Pipe repair service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg?_wi=1",
-          imageAlt: "Water heater installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=1",
-          imageAlt: "Bathroom renovation plumbing",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",          imageAlt: "Premium plumbing repair"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -106,41 +75,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Emergency Repairs",
-          description: "Rapid response for any urgent plumbing breakdown.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=1",
-          imageAlt: "Emergency repairs",
-        },
+          title: "Emergency Repairs",          description: "Rapid response for any urgent plumbing breakdown.",          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg",          imageAlt: "Emergency repairs"},
         {
-          title: "Drain Cleaning",
-          description: "Professional solutions for persistent clogs and blockages.",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg",
-          imageAlt: "Drain cleaning",
-        },
+          title: "Drain Cleaning",          description: "Professional solutions for persistent clogs and blockages.",          imageSrc: "http://img.b2bpic.net/free-vector/25-plumber-line-icon-pack-vector-icons-illustration_1142-19381.jpg",          imageAlt: "Drain cleaning"},
         {
-          title: "Water Heater Installation",
-          description: "High-efficiency systems professionally installed and maintained.",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg?_wi=2",
-          imageAlt: "Water heater installation",
-        },
+          title: "Water Heater Installation",          description: "High-efficiency systems professionally installed and maintained.",          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-pumbing-logo-template_742173-3616.jpg",          imageAlt: "Water heater installation"},
         {
-          title: "Pipe Repair",
-          description: "Precision leak detection and repair for your peace of mind.",
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg?_wi=2",
-          imageAlt: "Pipe repair",
-        },
+          title: "Pipe Repair",          description: "Precision leak detection and repair for your peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg",          imageAlt: "Pipe repair"},
         {
-          title: "Bathroom Plumbing",
-          description: "Upgrading and maintaining your bathroom's critical systems.",
-          imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg?_wi=2",
-          imageAlt: "Bathroom plumbing",
-        },
+          title: "Bathroom Plumbing",          description: "Upgrading and maintaining your bathroom's critical systems.",          imageSrc: "http://img.b2bpic.net/free-photo/basin-black-faucet-green-bathroom-with-lighting-cozy-spa-nook_169016-69326.jpg",          imageAlt: "Bathroom plumbing"},
         {
-          title: "Commercial Plumbing",
-          description: "Scalable plumbing solutions for commercial properties in Ottawa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151181989.jpg",
-          imageAlt: "Commercial plumbing",
-        },
+          title: "Commercial Plumbing",          description: "Scalable plumbing solutions for commercial properties in Ottawa.",          imageSrc: "http://img.b2bpic.net/free-photo/view-fantasy-tap-with-running-water-surreal-landscape-world-water-day-awareness_23-2151181989.jpg",          imageAlt: "Commercial plumbing"},
       ]}
       title="Elite Plumbing Services"
       description="We specialize in comprehensive plumbing care for the modern Ottawa home."
@@ -152,13 +97,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
-          content: "The Ottawa Plumber Advantage",
-        },
+          type: "text",          content: "The Ottawa Plumber Advantage"},
         {
-          type: "text",
-          content: "Fast Response · Transparent Pricing · Expert Technicians · Guaranteed Work",
-        },
+          type: "text",          content: "Fast Response · Transparent Pricing · Expert Technicians · Guaranteed Work"},
       ]}
     />
   </div>
@@ -170,25 +111,13 @@ export default function LandingPage() {
       tag="Proven Results"
       metrics={[
         {
-          id: "1",
-          value: "500+",
-          description: "Jobs Completed",
-        },
+          id: "1",          value: "500+",          description: "Jobs Completed"},
         {
-          id: "2",
-          value: "5.0",
-          description: "Star Rating",
-        },
+          id: "2",          value: "5.0",          description: "Star Rating"},
         {
-          id: "3",
-          value: "24/7",
-          description: "Available",
-        },
+          id: "3",          value: "24/7",          description: "Available"},
         {
-          id: "4",
-          value: "10+",
-          description: "Years Experience",
-        },
+          id: "4",          value: "10+",          description: "Years Experience"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -199,30 +128,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Adam Rhiwi",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=1",
-        },
+          id: "1",          name: "Adam Rhiwi",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
         {
-          id: "2",
-          name: "Arafad Abdillahi",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
-        },
+          id: "2",          name: "Arafad Abdillahi",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg"},
         {
-          id: "3",
-          name: "Elias Samatar",
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-entrepreneur-sitting-empty-desk_1262-5891.jpg",
-        },
+          id: "3",          name: "Elias Samatar",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-entrepreneur-sitting-empty-desk_1262-5891.jpg"},
         {
-          id: "4",
-          name: "Bilal Moussa",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
-        },
+          id: "4",          name: "Bilal Moussa",          imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg"},
         {
-          id: "5",
-          name: "Sarah Jenkins",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=2",
-        },
+          id: "5",          name: "Sarah Jenkins",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
       ]}
       cardTitle="Client Reviews"
       cardTag="4 Recent 5-Star Reviews"
@@ -236,29 +150,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "1. Call Us",
-          description: "Contact our office for a prompt response.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=2",
-          imageAlt: "Step 1",
-        },
+          title: "1. Call Us",          description: "Contact our office for a prompt response.",          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg",          imageAlt: "Step 1"},
         {
-          title: "2. Free Quote",
-          description: "Receive an upfront and clear quote for work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=3",
-          imageAlt: "Step 2",
-        },
+          title: "2. Free Quote",          description: "Receive an upfront and clear quote for work.",          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg",          imageAlt: "Step 2"},
         {
-          title: "3. We Fix It",
-          description: "Our experts handle your issue promptly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=4",
-          imageAlt: "Step 3",
-        },
+          title: "3. We Fix It",          description: "Our experts handle your issue promptly.",          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg",          imageAlt: "Step 3"},
         {
-          title: "4. Satisfaction",
-          description: "Ensuring the job is finished to perfection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg?_wi=5",
-          imageAlt: "Step 4",
-        },
+          title: "4. Satisfaction",          description: "Ensuring the job is finished to perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/faucet-from-golden-fountain_1122-816.jpg",          imageAlt: "Step 4"},
       ]}
       title="Simple Process"
       description="We believe in transparency and professionalism from start to finish."
@@ -269,14 +167,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       text="24/7 Emergency Plumbing Assistance Available Now."
       buttons={[
         {
-          text: "Call 613-555-0100",
-          href: "tel:+16135550100",
-        },
+          text: "Call 613-555-0100",          href: "tel:+16135550100"},
       ]}
     />
   </div>
@@ -286,42 +181,27 @@ export default function LandingPage() {
       logoText="The Ottawa Plumber"
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Reviews",
-              href: "#reviews",
-            },
+              label: "Reviews",              href: "#reviews"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Emergency",
-              href: "#services",
-            },
+              label: "Emergency",              href: "#services"},
             {
-              label: "Drain",
-              href: "#services",
-            },
+              label: "Drain",              href: "#services"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "Ottawa, ON",
-              href: "#",
-            },
+              label: "Ottawa, ON",              href: "#"},
             {
-              label: "Email Us",
-              href: "mailto:info@ottawaplumber.ca",
-            },
+              label: "Email Us",              href: "mailto:info@ottawaplumber.ca"},
           ],
         },
       ]}
-- 
2.49.1