Update src/app/page.tsx
This commit is contained in:
389
src/app/page.tsx
389
src/app/page.tsx
@@ -28,284 +28,133 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="GoldFlow Plumbing"
|
||||
button={{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="GoldFlow Plumbing"
|
||||
button={{
|
||||
text: "WhatsApp", href: "https://wa.me/1234567890"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="GoldFlow Plumbing"
|
||||
description="5.0-star rated expert plumbing. Over 200+ satisfied local customers. Every job comes with our exclusive 7-day peace-of-mind warranty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:1234567890",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-50278.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="GoldFlow Plumbing"
|
||||
description="5.0-star rated expert plumbing. Over 200+ satisfied local customers. Every job comes with our exclusive 7-day peace-of-mind warranty."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:1234567890" },
|
||||
{ text: "WhatsApp", href: "https://wa.me/1234567890" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-50278.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-bar" data-section="trust-bar">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Verified Pro",
|
||||
"Insured Team",
|
||||
"Rapid Response",
|
||||
"Local Experts",
|
||||
"Top Rated",
|
||||
"No Hidden Fees",
|
||||
"Quality First",
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Reliability is our hallmark."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-bar" data-section="trust-bar">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Verified Pro", "Insured Team", "Rapid Response", "Local Experts", "Top Rated", "No Hidden Fees", "Quality First"]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Reliability is our hallmark."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repair",
|
||||
description: "Expert diagnostic and repair for all household pipe leaks.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19745.jpg",
|
||||
imageAlt: "pipe repair service icon",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Clear blocked drains fast with professional equipment.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Trash2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-decoration-close-up-ball-bauble-pine-branches-background_169016-50278.jpg?_wi=2",
|
||||
imageAlt: "pipe repair service icon",
|
||||
},
|
||||
{
|
||||
title: "Water Heaters",
|
||||
description: "Full install and maintenance for all tankless systems.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg",
|
||||
imageAlt: "pipe repair service icon",
|
||||
},
|
||||
{
|
||||
title: "Fixture Installation",
|
||||
description: "Upgrading faucets, toilets, and modern shower heads.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg",
|
||||
imageAlt: "pipe repair service icon",
|
||||
},
|
||||
{
|
||||
title: "Emergency Care",
|
||||
description: "Rapid response for all urgent pipe disasters 24/7.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-eco-cosmetics-concept_23-2148778660.jpg",
|
||||
imageAlt: "pipe repair service icon",
|
||||
},
|
||||
{
|
||||
title: "Sewer Line",
|
||||
description: "Advanced camera inspection and repair solutions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suspicious-young-cleaning-guy-wearing-uniform-cap-with-gloves-holding-alarm-clock_141793-121150.jpg",
|
||||
imageAlt: "pipe repair service icon",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions for all your residential plumbing needs, delivered with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Leak Repair", description: "Expert diagnostic and repair for all household pipe leaks.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
{ title: "Drain Cleaning", description: "Clear blocked drains fast with professional equipment.", bentoComponent: "reveal-icon", icon: Trash2 },
|
||||
{ title: "Water Heaters", description: "Full install and maintenance for all tankless systems.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
{ title: "Fixture Installation", description: "Upgrading faucets, toilets, and modern shower heads.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Emergency Care", description: "Rapid response for all urgent pipe disasters 24/7.", bentoComponent: "reveal-icon", icon: Clock },
|
||||
{ title: "Sewer Line", description: "Advanced camera inspection and repair solutions.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions for all your residential plumbing needs, delivered with precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose GoldFlow"
|
||||
description="We don't just fix pipes; we ensure long-term comfort for your family."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Verified Reviews",
|
||||
description: "Consistently rated 5 stars by local neighbors.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "7-Day Warranty",
|
||||
description: "We guarantee our work for your peace of mind.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Clear, upfront costs with no surprise fees.",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "Rapid Dispatch",
|
||||
description: "We show up on time, every time.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746386.jpg"
|
||||
imageAlt="Professional female plumber checking under sink"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose GoldFlow"
|
||||
description="We don't just fix pipes; we ensure long-term comfort for your family."
|
||||
bulletPoints={[
|
||||
{ title: "Verified Reviews", description: "Consistently rated 5 stars by local neighbors.", icon: Star },
|
||||
{ title: "7-Day Warranty", description: "We guarantee our work for your peace of mind.", icon: CheckCircle },
|
||||
{ title: "Transparent Pricing", description: "Clear, upfront costs with no surprise fees.", icon: DollarSign },
|
||||
{ title: "Rapid Dispatch", description: "We show up on time, every time.", icon: Clock },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746386.jpg"
|
||||
imageAlt="Professional female plumber checking under sink"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-feelings_23-2148860248.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-red-blouse-showing-thumbs-up-looking-glad_176474-24988.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa White",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike Davis",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860246.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "200+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "7-Day",
|
||||
label: "Warranty",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners choose GoldFlow for their plumbing repairs."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-feelings_23-2148860248.jpg" },
|
||||
{ id: "2", name: "Jane Smith", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-business-woman-gray-background_1303-23146.jpg" },
|
||||
{ id: "3", name: "Robert Brown", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-lady-red-blouse-showing-thumbs-up-looking-glad_176474-24988.jpg" },
|
||||
{ id: "4", name: "Lisa White", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" },
|
||||
{ id: "5", name: "Mike Davis", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860246.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "200+", label: "Happy Clients" },
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "7-Day", label: "Warranty" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why homeowners choose GoldFlow for their plumbing repairs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "1. Get in Touch",
|
||||
content: "Call us or message on WhatsApp to discuss your issue.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "2. Professional Inspection",
|
||||
content: "Our technician arrives on time to diagnose the root cause.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "3. Fair Estimate",
|
||||
content: "We provide a clear quote before starting any work.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "4. Quality Repair",
|
||||
content: "We fix the issue and clean up, backed by our warranty.",
|
||||
},
|
||||
]}
|
||||
title="Our Simple Process"
|
||||
description="Getting your plumbing fixed in four easy steps."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "1. Get in Touch", content: "Call us or message on WhatsApp to discuss your issue." },
|
||||
{ id: "2", title: "2. Professional Inspection", content: "Our technician arrives on time to diagnose the root cause." },
|
||||
{ id: "3", title: "3. Fair Estimate", content: "We provide a clear quote before starting any work." },
|
||||
{ id: "4", title: "4. Quality Repair", content: "We fix the issue and clean up, backed by our warranty." },
|
||||
]}
|
||||
title="Our Simple Process"
|
||||
description="Getting your plumbing fixed in four easy steps."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Ready for Help?"
|
||||
description="Contact us today for a professional solution to your plumbing problems."
|
||||
buttonText="Get Quote"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ready for Help?"
|
||||
description="Contact us today for a professional solution to your plumbing problems."
|
||||
buttonText="Get Quote"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GoldFlow Plumbing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GoldFlow Plumbing"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user