Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 10:26:02 +00:00

View File

@@ -21,409 +21,172 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elite Plumbing"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Elite Plumbing"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars",
}}
title="Professional Plumbing Services"
description="Providing reliable, high-quality plumbing solutions for your home and business. Emergency services available 24/7."
tag="Trusted Local Experts"
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg"
tagIcon={Shield}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "gradient-bars" }}
title="Professional Plumbing Services"
description="Providing reliable, high-quality plumbing solutions for your home and business. Emergency services available 24/7."
tag="Trusted Local Experts"
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg"
tagIcon={Shield}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Pipe Repairs",
descriptions: [
"Expert leak detection and repair.",
"High-quality piping materials.",
],
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg",
},
{
id: "f2",
title: "Water Heaters",
descriptions: [
"Installation and maintenance.",
"Energy-efficient solutions.",
],
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
},
{
id: "f3",
title: "Drain Cleaning",
descriptions: [
"Fast removal of blockages.",
"Comprehensive pipe cleaning.",
],
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
},
{
id: "f4",
title: "Fixture Installation",
descriptions: [
"Upgrading your bathroom fixtures.",
"Professional and seamless install.",
],
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg",
},
{
id: "f5",
title: "Emergency Repairs",
descriptions: [
"Available round the clock.",
"Solving urgent leaks fast.",
],
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg",
},
]}
title="Our Expert Services"
description="Comprehensive plumbing maintenance and repair services tailored to your needs."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Pipe Repairs", descriptions: ["Expert leak detection and repair.", "High-quality piping materials."], imageSrc: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg" },
{ id: "f2", title: "Water Heaters", descriptions: ["Installation and maintenance.", "Energy-efficient solutions."], imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg" },
{ id: "f3", title: "Drain Cleaning", descriptions: ["Fast removal of blockages.", "Comprehensive pipe cleaning."], imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg" },
{ id: "f4", title: "Fixture Installation", descriptions: ["Upgrading your bathroom fixtures.", "Professional and seamless install."], imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-using-wrench-tighten-water-faucet-kitchen-seen-up-close_662251-2697.jpg" },
{ id: "f5", title: "Emergency Repairs", descriptions: ["Available round the clock.", "Solving urgent leaks fast."], imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg" }
]}
title="Our Expert Services"
description="Comprehensive plumbing maintenance and repair services tailored to your needs."
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Why Choose Elite Plumbing?"
description="With over 15 years of experience, our local team provides professional service with a satisfaction guarantee. We prioritize safety and efficiency."
bulletPoints={[
{
title: "Licensed & Insured",
description: "Full compliance with local building codes.",
},
{
title: "Fast Response",
description: "Rapid turnaround for emergency calls.",
},
{
title: "Satisfaction Guaranteed",
description: "We stand by our work until you're happy.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Why Choose Elite Plumbing?"
description="With over 15 years of experience, our local team provides professional service with a satisfaction guarantee. We prioritize safety and efficiency."
bulletPoints={[
{ title: "Licensed & Insured", description: "Full compliance with local building codes." },
{ title: "Fast Response", description: "Rapid turnaround for emergency calls." },
{ title: "Satisfaction Guaranteed", description: "We stand by our work until you're happy." }
]}
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990692.jpg"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
price: "$89",
name: "Emergency Call",
buttons: [
{
text: "Call Now",
href: "#contact",
},
],
features: [
"On-site assessment",
"Safety check",
],
},
{
id: "p2",
price: "$149",
name: "Drain Unclog",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Basic drain clearing",
"System check",
],
},
{
id: "p3",
price: "$299",
name: "Water Heater Maintenance",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Full flushing",
"Pressure test",
],
},
]}
title="Simple Pricing"
description="Transparent rates with no hidden fees."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "p1", price: "$89", name: "Emergency Call", buttons: [{ text: "Call Now", href: "#contact" }], features: ["On-site assessment", "Safety check"] },
{ id: "p2", price: "$149", name: "Drain Unclog", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Basic drain clearing", "System check"] },
{ id: "p3", price: "$299", name: "Water Heater Maintenance", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full flushing", "Pressure test"] }
]}
title="Simple Pricing"
description="Transparent rates with no hidden fees."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
items: [
"Serving the community",
],
},
{
id: "m2",
value: "5000+",
title: "Happy Clients",
items: [
"Residential and Commercial",
],
},
{
id: "m3",
value: "24/7",
title: "Availability",
items: [
"Always on call",
],
},
]}
title="Our Impact"
description="Numbers that demonstrate our commitment."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "15+", title: "Years Experience", items: ["Serving the community"] },
{ id: "m2", value: "5000+", title: "Happy Clients", items: ["Residential and Commercial"] },
{ id: "m3", value: "24/7", title: "Availability", items: ["Always on call"] }
]}
title="Our Impact"
description="Numbers that demonstrate our commitment."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Doe",
role: "Homeowner",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
},
{
id: "t2",
name: "Jane Smith",
role: "Homeowner",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg",
},
{
id: "t3",
name: "Mike Ross",
role: "Property Manager",
company: "Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
},
{
id: "t4",
name: "Sara Lee",
role: "Homeowner",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg",
},
{
id: "t5",
name: "Tom Brown",
role: "Business Owner",
company: "Small Biz",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
},
]}
kpiItems={[
{
value: "4.9",
label: "Google Rating",
},
{
value: "100%",
label: "On-Time",
},
{
value: "5k+",
label: "Happy Homes",
},
]}
title="Customer Reviews"
description="Hear what our happy customers say."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "John Doe", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg" },
{ id: "t2", name: "Jane Smith", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg" },
{ id: "t3", name: "Mike Ross", role: "Property Manager", company: "Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
{ id: "t4", name: "Sara Lee", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg" },
{ id: "t5", name: "Tom Brown", role: "Business Owner", company: "Small Biz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg" }
]}
kpiItems={[
{ value: "4.9", label: "Google Rating" },
{ value: "100%", label: "On-Time" },
{ value: "5k+", label: "Happy Homes" }
]}
title="Customer Reviews"
description="Hear what our happy customers say."
useInvertedBackground={false}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer emergency services?",
content: "Yes, we are available 24/7 for plumbing emergencies.",
},
{
id: "q2",
title: "Are you licensed and insured?",
content: "Yes, we are fully licensed, bonded, and insured.",
},
{
id: "q3",
title: "How do I book an appointment?",
content: "You can call us directly or use our online contact form.",
},
]}
title="Common Questions"
description="Find answers to our most requested information."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for plumbing emergencies." },
{ id: "q2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed, bonded, and insured." },
{ id: "q3", title: "How do I book an appointment?", content: "You can call us directly or use our online contact form." }
]}
title="Common Questions"
description="Find answers to our most requested information."
faqsAnimation="slide-up"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Plumbing Tips"
description="Essential tips to keep your plumbing in great shape."
blogs={[
{
id: "b1",
category: "Tips",
title: "Winterizing Pipes",
excerpt: "Keep pipes from freezing this season.",
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg",
date: "Jan 2025",
},
{
id: "b2",
category: "Maintenance",
title: "Water Heater Care",
excerpt: "Extend your water heater lifespan.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
date: "Dec 2024",
},
{
id: "b3",
category: "Maintenance",
title: "Prevent Clogs",
excerpt: "How to avoid common drain blockages.",
imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg",
date: "Nov 2024",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Plumbing Tips"
description="Essential tips to keep your plumbing in great shape."
blogs={[
{ id: "b1", category: "Tips", title: "Winterizing Pipes", excerpt: "Keep pipes from freezing this season.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg", date: "Jan 2025" },
{ id: "b2", category: "Maintenance", title: "Water Heater Care", excerpt: "Extend your water heater lifespan.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", date: "Dec 2024" },
{ id: "b3", category: "Maintenance", title: "Prevent Clogs", excerpt: "How to avoid common drain blockages.", imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg", date: "Nov 2024" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to fix your plumbing? Contact Elite Plumbing today for an assessment."
buttons={[
{
text: "Call (555) 123-4567",
href: "tel:5551234567",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
text="Ready to fix your plumbing? Contact Elite Plumbing today for an assessment."
buttons={[{ text: "Call (555) 123-4567", href: "tel:5551234567" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Repairs",
href: "#services",
},
{
label: "Installation",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Elite Plumbing"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Services", items: [{ label: "Repairs", href: "#services" }, { label: "Installation", href: "#services" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
]}
logoText="Elite Plumbing"
/>
</div>
</ReactLenis>
</ThemeProvider>
);