Merge version_1_1782178609070 into main #1

Merged
bender merged 3 commits from version_1_1782178609070 into main 2026-06-23 01:38:07 +00:00
2 changed files with 152 additions and 394 deletions

View File

@@ -7,97 +7,55 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Services",
"href": "#services"
},
{
"name": "Gallery",
"href": "#gallery"
},
{
"name": "About",
"href": "#about"
},
{
"name": "Contact",
"href": "#contact"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Why Us",
"href": "#why-us"
},
{
"name": "Testimonials",
"href": "#testimonials"
}
];
{ name: "Services", href: "#services" },
{ name: "Gallery", href: "#gallery" },
{ name: "About", href: "#about" },
{ name: "Contact", href: "#contact" },
{ name: "Hero", href: "#hero" },
{ name: "Why Us", href: "#why-us" },
{ name: "Testimonials", href: "#testimonials" }
];
return (
<StyleProvider buttonVariant="stagger" siteBackground="floatingGradient" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="AquaFlow"
ctaButton={{
text: "Get Quote",
href: "#contact",
}}
navItems={navItems} />
logo="AquaFlow"
logoImageSrc="http://img.b2bpic.net/free-vector/logo-unique-luxury-gradient-design-illustration_483537-1044.jpg"
ctaButton={{
text: "Get Quote", href: "#contact"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterBasic
columns={[
{
title: "Company",
items: [
columns={[
{
label: "About Us",
href: "#about",
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Careers", href: "#" },
],
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Emergency",
href: "#services",
title: "Services", items: [
{ label: "Emergency", href: "#services" },
{ label: "Maintenance", href: "#services" },
],
},
{
label: "Maintenance",
href: "#services",
title: "Support", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Contact", href: "#contact" },
],
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
leftText="© 2024 AquaFlow Plumbing. All rights reserved."
rightText="Professional excellence in every drop."
/>
]}
leftText="© 2024 AquaFlow Plumbing. All rights reserved."
rightText="Professional excellence in every drop."
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -11,336 +11,136 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroSplit
tag="AquaFlow Plumbing Services"
title="Elite Plumbing Excellence in Your Home"
description="Experience professional plumbing care with 24/7 emergency support. We provide luxury service and rapid response for all your residential and commercial needs."
primaryButton={{
text: "Get Free Quote",
href: "#contact",
}}
secondaryButton={{
text: "Call Now",
href: "tel:+15551234567",
}}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
tag="AquaFlow Plumbing Services"
title="Elite Plumbing Excellence in Your Home"
description="Experience professional plumbing care with 24/7 emergency support. We provide luxury service and rapid response for all your residential and commercial needs."
primaryButton={{ text: "Get Free Quote", href: "#contact" }}
secondaryButton={{ text: "Call Now", href: "tel:+15551234567" }}
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesImageBento
tag="Our Expertise"
title="Comprehensive Plumbing Solutions"
description="Providing end-to-end solutions for your home and business plumbing systems."
items={[
{
title: "Emergency Services",
description: "24/7 immediate response",
imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3380.jpg",
},
{
title: "Leak Detection",
description: "High-tech precise detection",
imageSrc: "http://img.b2bpic.net/free-photo/pro-kitchen-sprayer-sleek-sink-stone-backsplash_169016-69285.jpg",
},
{
title: "Drain Cleaning",
description: "Advanced clearing solutions",
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg",
},
{
title: "Pipe Repair",
description: "Reliable and fast repair",
imageSrc: "http://img.b2bpic.net/free-photo/new-surface-builtin-kitchen-technics-electrical-stove-with-clock-indicator-handing-textile-tovel-photo-with-shallow-depth-field_628469-37.jpg",
},
{
title: "Heater Installation",
description: "Expert water heater setup",
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-53691.jpg",
},
{
title: "Bathroom Plumbing",
description: "Luxury fixture fitting",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-candlestick-dark-surface_179666-37730.jpg",
},
{
title: "Kitchen Systems",
description: "Premium kitchen solutions",
imageSrc: "http://img.b2bpic.net/free-photo/robotic-wireless-vacuum-cleaner-control-by-smartphone-app_23-2150783857.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="why-us" data-section="why-us">
<SectionErrorBoundary name="why-us">
tag="Our Expertise"
title="Comprehensive Plumbing Solutions"
description="Providing end-to-end solutions for your home and business plumbing systems."
items={[
{ title: "Emergency Services", description: "24/7 immediate response", imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3380.jpg" },
{ title: "Leak Detection", description: "High-tech precise detection", imageSrc: "http://img.b2bpic.net/free-photo/pro-kitchen-sprayer-sleek-sink-stone-backsplash_169016-69285.jpg" },
{ title: "Drain Cleaning", description: "Advanced clearing solutions", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg" },
{ title: "Pipe Repair", description: "Reliable and fast repair", imageSrc: "http://img.b2bpic.net/free-photo/new-surface-builtin-kitchen-technics-electrical-stove-with-clock-indicator-handing-textile-tovel-photo-with-shallow-depth-field_628469-37.jpg" },
{ title: "Heater Installation", description: "Expert water heater setup", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-53691.jpg" },
{ title: "Bathroom Plumbing", description: "Luxury fixture fitting", imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-candlestick-dark-surface_179666-37730.jpg" },
{ title: "Kitchen Systems", description: "Premium kitchen solutions", imageSrc: "http://img.b2bpic.net/free-photo/robotic-wireless-vacuum-cleaner-control-by-smartphone-app_23-2150783857.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="why-us" data-section="why-us">
<SectionErrorBoundary name="why-us">
<FeaturesRevealCards
tag="Why Us"
title="The AquaFlow Standard"
description="Why homeowners trust us with their plumbing systems."
items={[
{
title: "Certified Experts",
description: "Professional training for all technicians.",
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132627.jpg",
},
{
title: "Reliable Results",
description: "Guaranteed service performance every time.",
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg",
},
{
title: "24/7 Availability",
description: "Round the clock for your safety.",
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="gallery" data-section="gallery">
<SectionErrorBoundary name="gallery">
tag="Why Us"
title="The AquaFlow Standard"
description="Why homeowners trust us with their plumbing systems."
items={[
{ title: "Certified Experts", description: "Professional training for all technicians.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132627.jpg" },
{ title: "Reliable Results", description: "Guaranteed service performance every time.", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55837.jpg" },
{ title: "24/7 Availability", description: "Round the clock for your safety.", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-faucet-water-aerator-metal-texture_169016-68888.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="gallery" data-section="gallery">
<SectionErrorBoundary name="gallery">
<FeaturesImageBento
tag="Projects"
title="Before & After Our Work"
description="Visual proof of the AquaFlow professional difference."
items={[
{
title: "Bathroom",
description: "Renovation plumbing",
imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg",
},
{
title: "Kitchen",
description: "Fixture installation",
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19744.jpg",
},
{
title: "Pipes",
description: "Luxury home layout",
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-18271.jpg",
},
{
title: "Laundry",
description: "Sleek utility setup",
imageSrc: "http://img.b2bpic.net/free-photo/drinking-water_1150-18023.jpg",
},
{
title: "Water Heater",
description: "Modern basement system",
imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg",
},
{
title: "Shower",
description: "Gold luxury fitting",
imageSrc: "http://img.b2bpic.net/free-photo/retro-shower-house-classical-antique_1203-5010.jpg",
},
{
title: "Leak Sensor",
description: "Advanced protection",
imageSrc: "http://img.b2bpic.net/free-photo/red-fire-extinguisher-white-wall_250224-73.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
tag="Projects"
title="Before & After Our Work"
description="Visual proof of the AquaFlow professional difference."
items={[
{ title: "Bathroom", description: "Renovation plumbing", imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg" },
{ title: "Kitchen", description: "Fixture installation", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19744.jpg" },
{ title: "Pipes", description: "Luxury home layout", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-twist-background_1048-18271.jpg" },
{ title: "Laundry", description: "Sleek utility setup", imageSrc: "http://img.b2bpic.net/free-photo/drinking-water_1150-18023.jpg" },
{ title: "Water Heater", description: "Modern basement system", imageSrc: "http://img.b2bpic.net/free-photo/spring-faucet-led-strip-blue-kitchen_169016-69053.jpg" },
{ title: "Shower", description: "Gold luxury fitting", imageSrc: "http://img.b2bpic.net/free-photo/retro-shower-house-classical-antique_1203-5010.jpg" },
{ title: "Leak Sensor", description: "Advanced protection", imageSrc: "http://img.b2bpic.net/free-photo/red-fire-extinguisher-white-wall_250224-73.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Feedback"
title="Our Clients Trust Us"
description="Hear why AquaFlow is the top choice for plumbing excellence."
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Homeowner",
quote: "Professional, fast, and incredibly tidy. AquaFlow saved our kitchen!",
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Property Manager",
quote: "Reliable 24/7 response. I trust them with all my rental properties.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Renovator",
quote: "The precision in their pipe layouts is unmatched. Top-notch work.",
imageSrc: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515819.jpg",
},
{
id: "4",
name: "David Kim",
role: "Homeowner",
quote: "Expert technicians, fair pricing, and they truly care about quality.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
},
{
id: "5",
name: "Lisa Wang",
role: "Interior Designer",
quote: "Always my first call for luxury bathroom project plumbing.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-multiethnic-couple-stand-surrounded-by-moving-boxes-taking-break-capture-selfie-with_482257-134995.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
tag="Feedback"
title="Our Clients Trust Us"
description="Hear why AquaFlow is the top choice for plumbing excellence."
testimonials={[
{ name: "Sarah Johnson", role: "Homeowner", quote: "Professional, fast, and incredibly tidy. AquaFlow saved our kitchen!", imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg" },
{ name: "Michael Chen", role: "Property Manager", quote: "Reliable 24/7 response. I trust them with all my rental properties.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
{ name: "Emily Rodriguez", role: "Renovator", quote: "The precision in their pipe layouts is unmatched. Top-notch work.", imageSrc: "http://img.b2bpic.net/free-photo/diy-activity-online-content-craft-creation_23-2151515819.jpg" },
{ name: "David Kim", role: "Homeowner", quote: "Expert technicians, fair pricing, and they truly care about quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg" },
{ name: "Lisa Wang", role: "Interior Designer", quote: "Always my first call for luxury bathroom project plumbing.", imageSrc: "http://img.b2bpic.net/free-photo/excited-multiethnic-couple-stand-surrounded-by-moving-boxes-taking-break-capture-selfie-with_482257-134995.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingHighlightedCards
tag="Pricing"
title="Transparent Service Packages"
description="Choose the plumbing solution that fits your needs."
plans={[
{
tag: "Quick Fix",
price: "$99",
description: "Minor repairs and quick tasks.",
features: [
"Drain inspection",
"Quick leak patch",
"1hr service",
],
primaryButton: {
text: "Select",
href: "#contact",
},
},
{
tag: "Pro Maintenance",
price: "$299",
description: "Best for household systems.",
features: [
"Full system check",
"Heater flush",
"Preventative care",
],
highlight: "Most Popular",
primaryButton: {
text: "Select",
href: "#contact",
},
},
{
tag: "Full Installation",
price: "Custom",
description: "For renovations and new setups.",
features: [
"Custom pipe layout",
"Luxury fixture fitting",
"Warranty included",
],
primaryButton: {
text: "Request",
href: "#contact",
},
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
tag="Pricing"
title="Transparent Service Packages"
description="Choose the plumbing solution that fits your needs."
plans={[
{ tag: "Quick Fix", price: "$99", description: "Minor repairs and quick tasks.", features: ["Drain inspection", "Quick leak patch", "1hr service"], primaryButton: { text: "Select", href: "#contact" } },
{ tag: "Pro Maintenance", price: "$299", description: "Best for household systems.", features: ["Full system check", "Heater flush", "Preventative care"], highlight: "Most Popular", primaryButton: { text: "Select", href: "#contact" } },
{ tag: "Full Installation", price: "Custom", description: "For renovations and new setups.", features: ["Custom pipe layout", "Luxury fixture fitting", "Warranty included"], primaryButton: { text: "Request", href: "#contact" } }
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<TeamStackedCards
tag="Our Team"
title="Meet the AquaFlow Specialists"
description="Highly trained, vetted, and professional master plumbers."
members={[
{
name: "Marcus V.",
role: "Master Plumber",
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881158.jpg",
},
{
name: "Elena R.",
role: "Installation Expert",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg",
},
{
name: "James K.",
role: "Drain Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
tag="Our Team"
title="Meet the AquaFlow Specialists"
description="Highly trained, vetted, and professional master plumbers."
members={[
{ name: "Marcus V.", role: "Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881158.jpg" },
{ name: "Elena R.", role: "Installation Expert", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg" },
{ name: "James K.", role: "Drain Specialist", imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="FAQ"
title="Common Plumbing Questions"
description="Clear answers to help you maintain your plumbing system."
categories={[
{
name: "General",
items: [
{
question: "What is the emergency fee?",
answer: "It varies by location, but we provide transparent pricing upfront.",
},
{
question: "Are you licensed?",
answer: "Yes, all our plumbers are fully certified and insured.",
},
],
},
{
name: "Services",
items: [
{
question: "Do you install heaters?",
answer: "Yes, we specialize in high-efficiency water heater installations.",
},
{
question: "Do you work on weekends?",
answer: "We are open 24/7 including weekends and holidays.",
},
],
},
]}
cta={{
name: "John Doe",
role: "Customer Support",
buttonText: "Contact Support",
buttonHref: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg",
}}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
tag="FAQ"
title="Common Plumbing Questions"
description="Clear answers to help you maintain your plumbing system."
categories={[
{ name: "General", items: [{ question: "What is the emergency fee?", answer: "It varies by location, but we provide transparent pricing upfront." }, { question: "Are you licensed?", answer: "Yes, all our plumbers are fully certified and insured." }] },
{ name: "Services", items: [{ question: "Do you install heaters?", answer: "Yes, we specialize in high-efficiency water heater installations." }, { question: "Do you work on weekends?", answer: "We are open 24/7 including weekends and holidays." }] }
]}
cta={{ name: "John Doe", role: "Customer Support", buttonText: "Contact Support", buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-car-mechanic-car-repair-shop_23-2150367579.jpg" }}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact"
text="Ready to get started? Contact AquaFlow today for a professional plumbing solution."
primaryButton={{
text: "Free Quote",
href: "#",
}}
secondaryButton={{
text: "Call Now",
href: "tel:+15551234567",
}}
/>
</SectionErrorBoundary>
</div>
tag="Contact"
text="Ready to get started? Contact AquaFlow today for a professional plumbing solution."
primaryButton={{ text: "Free Quote", href: "#" }}
secondaryButton={{ text: "Call Now", href: "tel:+15551234567" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}