Merge version_1 into main #2
447
src/app/page.tsx
447
src/app/page.tsx
@@ -15,322 +15,157 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gondal Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gondal Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Professional Plumbing You Can Trust"
|
||||
description="Fast, reliable, and affordable plumbing services across Manchester — available 24/7 with guaranteed workmanship."
|
||||
tag="5.0 Rated • 24/7 Emergency • Manchester Based"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +44 7747 033244",
|
||||
href: "tel:+447747033244",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg?_wi=1",
|
||||
imageAlt: "Professional Plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=1",
|
||||
imageAlt: "Plumbing Tool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
|
||||
imageAlt: "Male hands with a wrench turning off valves",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990697.jpg",
|
||||
imageAlt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg",
|
||||
imageAlt: "Full shot man working as plumber",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ Reviews"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Plumbing You Can Trust"
|
||||
description="Fast, reliable, and affordable plumbing services across Manchester — available 24/7 with guaranteed workmanship."
|
||||
tag="5.0 Rated • 24/7 Emergency • Manchester Based"
|
||||
buttons={[
|
||||
{ text: "Call Now: +44 7747 033244", href: "tel:+447747033244" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg", imageAlt: "Professional Plumber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", imageAlt: "Plumbing Tool" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ Reviews"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Emergency Plumbing",
|
||||
descriptions: [
|
||||
"Burst pipes, leaks, or urgent repairs — available 24/7.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg",
|
||||
imageAlt: "Man rinsing dish sponge under running water daily home hygiene",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Boiler Repairs",
|
||||
descriptions: [
|
||||
"Efficient boiler servicing and new installations.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg?_wi=2",
|
||||
imageAlt: "Man rinsing dish sponge under running water daily home hygiene",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Leak Detection",
|
||||
descriptions: [
|
||||
"Advanced tools to detect and fix hidden leaks.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=2",
|
||||
imageAlt: "Man rinsing dish sponge under running water daily home hygiene",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Bathroom Fitting",
|
||||
descriptions: [
|
||||
"Full bathroom installation and plumbing upgrades.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg?_wi=1",
|
||||
imageAlt: "Man rinsing dish sponge under running water daily home hygiene",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Drain Unblocking",
|
||||
descriptions: [
|
||||
"Effective removal of blockages in sinks and drains.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg?_wi=1",
|
||||
imageAlt: "Man rinsing dish sponge under running water daily home hygiene",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "General Plumbing",
|
||||
descriptions: [
|
||||
"Tap replacements and pipe maintenance.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg?_wi=1",
|
||||
imageAlt: "Man rinsing dish sponge under running water daily home hygiene",
|
||||
},
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Comprehensive plumbing solutions tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Emergency Plumbing", descriptions: ["Burst pipes, leaks, or urgent repairs — available 24/7."], imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg", imageAlt: "Man rinsing dish sponge under running water daily home hygiene" },
|
||||
{ id: "s2", title: "Boiler Repairs", descriptions: ["Efficient boiler servicing and new installations."], imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg", imageAlt: "Boiler repairs" },
|
||||
{ id: "s3", title: "Leak Detection", descriptions: ["Advanced tools to detect and fix hidden leaks."], imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg", imageAlt: "Leak detection tool" },
|
||||
{ id: "s4", title: "Bathroom Fitting", descriptions: ["Full bathroom installation and plumbing upgrades."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg", imageAlt: "Bathroom fitting" },
|
||||
{ id: "s5", title: "Drain Unblocking", descriptions: ["Effective removal of blockages in sinks and drains."], imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg", imageAlt: "Drain unblocking" },
|
||||
{ id: "s6", title: "General Plumbing", descriptions: ["Tap replacements and pipe maintenance."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg", imageAlt: "General plumbing" }
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="Comprehensive plumbing solutions tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Gondal Plumbing Services"
|
||||
description="Located at 233 Woodlands Rd, Manchester, we built a reputation for reliability and quality workmanship."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Always Available",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Gondal Plumbing Services"
|
||||
description="Located at 233 Woodlands Rd, Manchester, we built a reputation for reliability and quality workmanship."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "5000+", title: "Happy Customers" },
|
||||
{ value: "24/7", title: "Always Available" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-adult-plumber-sitting-bathroom_23-2147772218.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Emergency Availability",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5-Star",
|
||||
description: "Customer Rated",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Clean",
|
||||
description: "Workmanship Guarantee",
|
||||
},
|
||||
]}
|
||||
title="Why Manchester Chooses Us"
|
||||
description="Quality workmanship with a focus on customer satisfaction."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "24/7", description: "Emergency Availability" },
|
||||
{ id: "m2", value: "5-Star", description: "Customer Rated" },
|
||||
{ id: "m3", value: "Clean", description: "Workmanship Guarantee" },
|
||||
]}
|
||||
title="Why Manchester Chooses Us"
|
||||
description="Quality workmanship with a focus on customer satisfaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tamoor Shehzad",
|
||||
role: "Homeowner",
|
||||
company: "Manchester",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Astra",
|
||||
role: "Tenant",
|
||||
company: "Manchester",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
role: "Landlord",
|
||||
company: "Salford",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Smith",
|
||||
role: "Client",
|
||||
company: "Didsbury",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Jones",
|
||||
role: "Homeowner",
|
||||
company: "Prestwich",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-white-shirt-isolated-white-background_1303-13183.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read authentic reviews from our satisfied clients in Manchester."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Tamoor Shehzad", role: "Homeowner", company: "Manchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg" },
|
||||
{ id: "2", name: "Astra", role: "Tenant", company: "Manchester", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg" },
|
||||
{ id: "3", name: "John Doe", role: "Landlord", company: "Salford", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
{ id: "4", name: "Sarah Smith", role: "Client", company: "Didsbury", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
|
||||
{ id: "5", name: "Mark Jones", role: "Homeowner", company: "Prestwich", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-white-shirt-isolated-white-background_1303-13183.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "5.0", label: "Google Rating" },
|
||||
{ value: "500+", label: "Verified Reviews" },
|
||||
{ value: "100%", label: "Satisfaction Rate" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read authentic reviews from our satisfied clients in Manchester."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="area" data-section="area">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Where do you operate?",
|
||||
content: "We cover Manchester City Centre, Salford, Cheetham Hill, Prestwich, and Didsbury.",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Do you provide emergency service?",
|
||||
content: "Yes, we are open 24 hours a day, 7 days a week.",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
title: "How can I book?",
|
||||
content: "Call us at +44 7747 033244 or use the contact form.",
|
||||
},
|
||||
]}
|
||||
title="Serving Manchester Areas"
|
||||
description="We provide plumbing services throughout the Manchester region."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="area" data-section="area">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "a1", title: "Where do you operate?", content: "We cover Manchester City Centre, Salford, Cheetham Hill, Prestwich, and Didsbury." },
|
||||
{ id: "a2", title: "Do you provide emergency service?", content: "Yes, we are open 24 hours a day, 7 days a week." },
|
||||
{ id: "a3", title: "How can I book?", content: "Call us at +44 7747 033244 or use the contact form." },
|
||||
]}
|
||||
title="Serving Manchester Areas"
|
||||
description="We provide plumbing services throughout the Manchester region."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Need a Plumber Right Now?"
|
||||
description="Don't wait — get fast, professional help today. We are always ready."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg?_wi=2"
|
||||
buttonText="Request Free Quote"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Need a Plumber Right Now?"
|
||||
description="Don't wait — get fast, professional help today. We are always ready."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-builder-woman-construction-uniform-safety-helmet-looking-annoyed-irritated-while-talking-mobile-phone-standing-orange_141793-129016.jpg"
|
||||
buttonText="Request Free Quote"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gondal Plumbing"
|
||||
copyrightText="© 2025 Gondal Plumbing Services | Manchester"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Gondal Plumbing"
|
||||
copyrightText="© 2025 Gondal Plumbing Services | Manchester"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user