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

---
 src/app/page.tsx | 287 +++++++++--------------------------------------
 1 file changed, 51 insertions(+), 236 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ded1008..256bf25 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Star, ThumbsUp } from "lucide-react";
+import { Award, Star, ThumbsUp, Wrench, Camera, Droplets, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,117 +31,43 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Why Us",
-          id: "why-us",
-        },
-        {
-          name: "How It Works",
-          id: "how-it-works",
-        },
-        {
-          name: "Coverage",
-          id: "coverage",
-        },
+        { name: "Services", id: "services" },
+        { name: "Why Us", id: "why-us" },
+        { name: "How It Works", id: "how-it-works" },
+        { name: "Coverage", id: "coverage" },
       ]}
-      brandName="Drain Unblocking 247"
-      button={{
-        text: "Call Now",
-        href: "tel:020xxxxxxx",
-      }}
+      brandName="247 Drain Unblocking"
+      button={{ text: "Call 02080872354", href: "tel:02080872354" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="London's Most Trusted Drainage Specialists."
-      description="From blocked sinks to burst pipes — we arrive fast, fix it right, and charge fairly. No call-out fees. No hidden costs. A guarantee you can count on."
-      tag="Available 24 hours · 7 days a week · London & surrounds"
+      background={{ variant: "gradient-bars" }}
+      title="London's Trusted 24/7 Drain Specialists"
+      description="247 Drain Unblocking provides expert drainage solutions for homes and businesses across London. Fast response, transparent pricing, and 6-week guarantee."
+      tag="Available 24/7 · Professional & Reliable"
       buttons={[
-        {
-          text: "Call Now — Free Quote",
-          href: "tel:020xxxxxxx",
-        },
-        {
-          text: "View Services",
-          href: "#services",
-        },
+        { text: "Call Us Now", href: "tel:02080872354" },
+        { text: "View Services", href: "#services" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6581.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/laser-level-measuring-tool_93675-128436.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-side-view_23-2149714271.jpg",
-          alt: "Customer 5",
-        },
-      ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Emergency Response",
-        },
-        {
-          type: "text",
-          text: "CCTV Surveys",
-        },
-        {
-          type: "text",
-          text: "Drain Unblocking",
-        },
-        {
-          type: "text",
-          text: "Pipe Repairs",
-        },
-        {
-          type: "text",
-          text: "Leak Detection",
-        },
+        { type: "text", text: "Toilet Unblocking" },
+        { type: "text", text: "CCTV Surveys" },
+        { type: "text", text: "Pipe Descaling" },
+        { type: "text", text: "High-Pressure Jetting" },
       ]}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <AboutMetric
-      useInvertedBackground={false}
-      title="Trusted by Londoners"
+      title="Excellence in Drainage"
       metrics={[
-        {
-          icon: Star,
-          label: "Google Rating",
-          value: "4.9★",
-        },
-        {
-          icon: ThumbsUp,
-          label: "5-Star Reviews",
-          value: "250+",
-        },
-        {
-          icon: Award,
-          label: "Serving London",
-          value: "6yr",
-        },
+        { icon: Star, label: "Google Rating", value: "4.9★" },
+        { icon: ThumbsUp, label: "Happy Clients", value: "500+" },
+        { icon: Award, label: "Guaranteed Fix", value: "6 Weeks" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -150,41 +76,16 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureCardSix
       textboxLayout="split"
-      useInvertedBackground={false}
       features={[
-        {
-          title: "Drain Unblocking",
-          description: "Kitchen sinks, bathroom drains, shower trays and more. We use professional jetting and rodding.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg?_wi=1",
-        },
-        {
-          title: "Toilet Blockages",
-          description: "A blocked toilet can't wait. We attend rapidly — day or night.",
-          imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-one-page-website-design_1284-12112.jpg",
-        },
-        {
-          title: "CCTV Drain Surveys",
-          description: "Live camera surveys to diagnose hidden blockages or structural issues.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-wild-rhino-animal-its-natural-habitat_23-2151685559.jpg",
-        },
-        {
-          title: "High-Pressure Jetting",
-          description: "Industrial water jetting to blast through fat, grease, scale and debris.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg",
-        },
-        {
-          title: "Leak Detection",
-          description: "Advanced acoustic and thermal detection to locate hidden leaks without excavation.",
-          imageSrc: "http://img.b2bpic.net/free-vector/smart-house-technology-system-icons_1284-13697.jpg",
-        },
-        {
-          title: "Drain Repairs & Covers",
-          description: "From broken drain covers and collapsed sections to full excavation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg",
-        },
+        { title: "Toilet Unblocking", description: "Fast, hygienic solutions for all toilet blockages, available 24/7.", imageSrc: "http://img.b2bpic.net/free-vector/plumber-service-one-page-website-design_1284-12112.jpg" },
+        { title: "CCTV Surveys", description: "Professional camera inspections to identify the root cause of stubborn blockages.", imageSrc: "http://img.b2bpic.net/free-photo/view-wild-rhino-animal-its-natural-habitat_23-2151685559.jpg" },
+        { title: "Pipe Descaling", description: "Effective removal of scale, roots, and buildup to restore full flow to your pipes.", imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg" },
+        { title: "Drain Jetting", description: "Powerful high-pressure water jetting to clear blockages quickly and thoroughly.", imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg?_wi=1" },
+        { title: "Leak Detection", description: "Accurate diagnosis of hidden leaks to prevent structural damage.", imageSrc: "http://img.b2bpic.net/free-vector/smart-house-technology-system-icons_1284-13697.jpg" },
+        { title: "Full Repairs", description: "Professional repair services for damaged drains, manholes, and pipework.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702247.jpg" },
       ]}
-      title="Complete Drainage Solutions"
-      description="From emergency call-outs to routine maintenance — our engineers handle it all."
+      title="Our Expert Services"
+      description="We offer comprehensive drainage solutions to keep your system running smoothly."
     />
   </div>
 
@@ -192,63 +93,21 @@ export default function LandingPage() {
       <TeamCardFive
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
       team={[
-        {
-          id: "1",
-          name: "Rapid Response",
-          role: "Most jobs attended within 1–2 hours.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943484.jpg",
-          imageAlt: "Male photographer exploring urban environment with grunge aesthetic",
-        },
-        {
-          id: "2",
-          name: "Upfront Pricing",
-          role: "No surprises, clear costs before start.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg?_wi=2",
-          imageAlt: "Male photographer exploring urban environment with grunge aesthetic",
-        },
-        {
-          id: "3",
-          name: "6-Week Guarantee",
-          role: "If it comes back, so do we.",
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg?_wi=2",
-          imageAlt: "Male photographer exploring urban environment with grunge aesthetic",
-        },
+        { id: "1", name: "24/7 Support", role: "We're always ready to help." },
+        { id: "2", name: "Qualified Engineers", role: "Highly trained drainage professionals." },
+        { id: "3", name: "Transparent Pricing", role: "No hidden fees, ever." },
       ]}
-      title="Real Engineers. Real Results."
-      description="We've built our reputation the hard way — showing up on time, doing the job right, and charging fairly."
+      title="Why Choose Us?"
+      description="247 Drain Unblocking stands for reliability, expert skill, and honest service."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Within the hour and problem solved - Sorted what two other companies couldn't."
+      testimonial="Amazing service! They fixed my blocked drain at 3 AM. Highly recommended."
       rating={5}
-      author="Peter D."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/linear-simple-restroom-out-order-sign_742173-6214.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/world-water-day-infographics_23-2148833627.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/water-splash-from-toilet-cartoon-vector-icon-illustration-bathroom-object-icon-concept-isolated_138676-4659.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/flat-design-toilet-icons-set_23-2149971846.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/binoculars_1203-3176.jpg",
-          alt: "Client 5",
-        },
-      ]}
+      author="Sarah J."
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
     />
@@ -256,83 +115,39 @@ export default function LandingPage() {
 
   <div id="how-it-works" data-section="how-it-works">
       <FaqSplitText
-      useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "01 — You Call",
-          content: "Reach us any time. We answer promptly, take details, and give you an honest quote.",
-        },
-        {
-          id: "2",
-          title: "02 — We Arrive Fast",
-          content: "An engineer is dispatched immediately. Most London locations reached within 1–2 hours.",
-        },
-        {
-          id: "3",
-          title: "03 — Problem Diagnosed",
-          content: "We find the root cause — not just the symptom. CCTV available on the spot.",
-        },
-        {
-          id: "4",
-          title: "04 — Fixed & Guaranteed",
-          content: "You only pay the agreed price. Protected by our 6-week guarantee.",
-        },
+        { id: "1", title: "Contact Us", content: "Call 02080872354 or email Info@drainunblocking247.co.uk anytime." },
+        { id: "2", title: "Response", content: "We dispatch an engineer as soon as you confirm the booking." },
+        { id: "3", title: "Diagnosis", content: "We assess the issue and provide a clear plan of action." },
+        { id: "4", title: "Resolution", content: "We fix the problem and ensure your system is clear." },
       ]}
-      sideTitle="Fixed in Four Steps"
-      sideDescription="Fast, simple, and stress-free."
+      sideTitle="Four Simple Steps"
+      sideDescription="We make drainage easy and stress-free."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="coverage" data-section="coverage">
       <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="WHERE WE OPERATE"
-      title="Covering All of London"
-      description="We serve residential and commercial customers across Greater London."
+      tag="GET IN TOUCH"
+      title="Need Assistance?"
+      description="Reach out to 247 Drain Unblocking today for your free quote or emergency service."
+      onSubmit={(email) => console.log("User inquiry:", email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="Drain Unblocking 247"
+      logoText="247 Drain Unblocking"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Drain Unblocking",
-              href: "#services",
-            },
-            {
-              label: "CCTV Surveys",
-              href: "#services",
-            },
-            {
-              label: "Leak Detection",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "020 XXXX XXXX",
-              href: "tel:020xxxxxxx",
-            },
-            {
-              label: "your@email.com",
-              href: "mailto:your@email.com",
-            },
+          title: "Contact Info",          items: [
+            { label: "02080872354", href: "tel:02080872354" },
+            { label: "Info@drainunblocking247.co.uk", href: "mailto:Info@drainunblocking247.co.uk" },
           ],
         },
       ]}
-      copyrightText="© 2024 Drain Unblocking 247. All rights reserved."
+      copyrightText="© 2025 247 Drain Unblocking. All rights reserved."
     />
   </div>
       </ReactLenis>
-- 
2.49.1