Merge version_2 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Emma’s Plumbing"
|
||||
/>
|
||||
@@ -59,69 +49,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Reliable, Professional Plumbing in Worcester"
|
||||
description="Fast response, expert workmanship, and 5-star rated service you can trust."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-wearing-casual-pink-t-shirt-sticking-tongue-out-happy-with-funny-expression-emotion-concept_839833-35239.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-wearing-casual-pink-t-shirt-sticking-tongue-out-happy-with-funny-expression-emotion-concept_839833-35239.jpg", alt: "Customer"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07788211836",
|
||||
},
|
||||
text: "Call Now", href: "tel:07788211836"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Emergency Repairs",
|
||||
icon: AlertTriangle,
|
||||
type: "text-icon", text: "Emergency Repairs", icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Bathroom Installations",
|
||||
icon: Droplets,
|
||||
type: "text-icon", text: "Bathroom Installations", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Leak Detection",
|
||||
icon: Droplets,
|
||||
type: "text-icon", text: "Leak Detection", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Experts",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Certified Experts", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Service",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Service", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -134,17 +99,11 @@ export default function LandingPage() {
|
||||
description="Emma is a highly skilled plumber known for reliability, professionalism, and impeccable attention to detail. She takes pride in going above and beyond for every customer in the Worcester area, ensuring every job—big or small—is completed to the highest standard."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "10+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Jobs Completed",
|
||||
},
|
||||
value: "500+", title: "Jobs Completed"},
|
||||
{
|
||||
value: "5*",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "5*", title: "Star Rating"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-smiling-making-gesture-with-hand-inviting-come-isolated-pink-wall_141793-14144.jpg"
|
||||
imageAlt="Emma working on a plumbing job"
|
||||
@@ -160,41 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Plumbing",
|
||||
description: "Rapid response for urgent leaks and bursts, anytime you need us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=1",
|
||||
imageAlt: "Emergency",
|
||||
},
|
||||
title: "Emergency Plumbing", description: "Rapid response for urgent leaks and bursts, anytime you need us.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=1", imageAlt: "Emergency"},
|
||||
{
|
||||
title: "Bathroom Installations",
|
||||
description: "Full design and installation for your dream bathroom suite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=2",
|
||||
imageAlt: "Bathroom",
|
||||
},
|
||||
title: "Bathroom Installations", description: "Full design and installation for your dream bathroom suite.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=2", imageAlt: "Bathroom"},
|
||||
{
|
||||
title: "Shower Repairs",
|
||||
description: "Expert diagnostic and repair for all shower makes and models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=3",
|
||||
imageAlt: "Shower",
|
||||
},
|
||||
title: "Shower Repairs", description: "Expert repairs for all shower makes and models", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=3", imageAlt: "Shower"},
|
||||
{
|
||||
title: "Radiator Services",
|
||||
description: "Installation, replacement, and balancing for efficient heating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=4",
|
||||
imageAlt: "Radiator",
|
||||
},
|
||||
title: "Radiator Services", description: "Installation, replacement, and balancing for efficient heating.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=4", imageAlt: "Radiator"},
|
||||
{
|
||||
title: "Leak Repairs",
|
||||
description: "Finding and fixing hidden leaks to prevent property damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=5",
|
||||
imageAlt: "Leak",
|
||||
},
|
||||
title: "Leak Repairs", description: "Finding and fixing hidden leaks to prevent property damage.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=5", imageAlt: "Leak"},
|
||||
{
|
||||
title: "General Plumbing",
|
||||
description: "Taps, toilets, and all general maintenance tasks handled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=6",
|
||||
imageAlt: "General",
|
||||
},
|
||||
title: "General Plumbing", description: "Taps, toilets, and all general maintenance tasks handled.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=6", imageAlt: "General"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="From emergency leaks to full bathroom transformations, Emma’s Plumbing handles it all."
|
||||
@@ -208,35 +143,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Rated Service",
|
||||
value: "5-Star",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Rated Service", value: "5-Star"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Response Time",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "m2", icon: Zap,
|
||||
title: "Response Time", value: "Fast"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Quality Work",
|
||||
value: "Guaranteed",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Quality Work", value: "Guaranteed"},
|
||||
{
|
||||
id: "m4",
|
||||
icon: CheckCircle,
|
||||
title: "Pricing",
|
||||
value: "Honest",
|
||||
},
|
||||
id: "m4", icon: CheckCircle,
|
||||
title: "Pricing", value: "Honest"},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Smile,
|
||||
title: "Service",
|
||||
value: "Friendly",
|
||||
},
|
||||
id: "m5", icon: Smile,
|
||||
title: "Service", value: "Friendly"},
|
||||
]}
|
||||
title="Why Choose Emma's Plumbing?"
|
||||
description="We stand for honesty, quality, and complete transparency in every project."
|
||||
@@ -248,35 +168,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-african-guy-smiling-student-confident-his-future-career-head-hunter-dream-standing-white-wall_176420-12537.jpg?_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-wearing-casual-pink-t-shirt-sticking-tongue-out-happy-with-funny-expression-emotion-concept_839833-35239.jpg",
|
||||
},
|
||||
id: "5", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-wearing-casual-pink-t-shirt-sticking-tongue-out-happy-with-funny-expression-emotion-concept_839833-35239.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg",
|
||||
},
|
||||
id: "6", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-white-background_641386-889.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
@@ -288,18 +190,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Need a Plumber You Can Trust? Get fast, reliable plumbing services from a trusted local expert."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07788211836",
|
||||
},
|
||||
text: "Call Now", href: "tel:07788211836"},
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,20 +207,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I call for emergencies?",
|
||||
content: "Yes, we prioritize emergency calls and offer fast response times for Worcester and surrounding areas.",
|
||||
},
|
||||
id: "q1", title: "Can I call for emergencies?", content: "Yes, we prioritize emergency calls and offer fast response times for Worcester and surrounding areas."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What areas do you cover?",
|
||||
content: "We cover Worcester and the immediate surrounding areas.",
|
||||
},
|
||||
id: "q2", title: "What areas do you cover?", content: "We cover Worcester and the immediate surrounding areas."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Absolutely, contact us today for a transparent, no-obligation quote.",
|
||||
},
|
||||
id: "q3", title: "Do you offer free quotes?", content: "Absolutely, contact us today for a transparent, no-obligation quote."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/outdoor-white-marble-space-with-bench_181624-49061.jpg?_wi=7"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -337,50 +225,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Emma’s Plumbing",
|
||||
items: [
|
||||
title: "Emma’s Plumbing", items: [
|
||||
{
|
||||
label: "07788 211836",
|
||||
href: "tel:07788211836",
|
||||
},
|
||||
label: "07788 211836", href: "tel:07788211836"},
|
||||
{
|
||||
label: "Worcester, WR5 2NH",
|
||||
href: "#",
|
||||
},
|
||||
label: "Worcester, WR5 2NH", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Plumbing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Plumbing", href: "#services"},
|
||||
{
|
||||
label: "Bathroom Install",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Bathroom Install", href: "#services"},
|
||||
{
|
||||
label: "Leak Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Leak Repairs", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -391,4 +260,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user