Merge version_2 into main #2
287
src/app/page.tsx
287
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>
|
||||
|
||||
Reference in New Issue
Block a user