bender/e37e320e-d0bb-42fd-9a32-43623cf8d898
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 14:23:42 +00:00
parent ebb109872a
commit c7f4ce250a
1 changed files with 50 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -32,116 +32,46 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "#features",
},
{
name: "About",
id: "#about",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Hero", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" }
]}
brandName="ProFlow Plumbing"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Local Plumbing Services You Can Trust"
description="Fast, reliable, and professional plumbing solutions for your home and business. Available 24/7 for all your plumbing emergencies."
testimonials={[
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Excellent service and very professional. Fixed my leak in under an hour!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-guy-wearing-holder-standing-table-freshly-baked-pastry-it-kitchen_140725-97136.jpg",
},
{
name: "Jane Smith",
handle: "@janesmith",
testimonial: "The best plumbers in town. Reliable and fair prices.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/diligent-cobbler-glasses-is-working-with-pair-leather-shoes-his-workplace_613910-12914.jpg",
},
{
name: "Mike Brown",
handle: "@mikeb",
testimonial: "Always my go-to for any plumbing issue. Highly recommended.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25109.jpg",
},
{
name: "Sarah Lee",
handle: "@sarahlee",
testimonial: "Very quick response. Resolved the issue immediately.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg",
},
{
name: "Tom White",
handle: "@tomwhite",
testimonial: "Clean, efficient and friendly service. Thank you!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg",
},
{ name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and very professional. Fixed my leak in under an hour!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-guy-wearing-holder-standing-table-freshly-baked-pastry-it-kitchen_140725-97136.jpg" },
{ name: "Jane Smith", handle: "@janesmith", testimonial: "The best plumbers in town. Reliable and fair prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diligent-cobbler-glasses-is-working-with-pair-leather-shoes-his-workplace_613910-12914.jpg" },
{ name: "Mike Brown", handle: "@mikeb", testimonial: "Always my go-to for any plumbing issue. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25109.jpg" },
{ name: "Sarah Lee", handle: "@sarahlee", testimonial: "Very quick response. Resolved the issue immediately.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg" },
{ name: "Tom White", handle: "@tomwhite", testimonial: "Clean, efficient and friendly service. Thank you!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-s-hand-filling-cup-with-water_23-2147824128.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/girl-s-hand-filling-cup-with-water_23-2147824128.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746388.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/hand-with-glove-disinfecting-faucet_23-2148705050.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/girl-s-hand-filling-cup-with-water_23-2147824128.jpg", alt: "Customer 5" }
]}
marqueeItems={[
{
type: "text",
text: "24/7 Emergency Repairs",
},
{
type: "text",
text: "Licensed & Insured",
},
{
type: "text",
text: "15+ Years Experience",
},
{
type: "text",
text: "100% Satisfaction",
},
{
type: "text",
text: "Fast Response Time",
},
{ type: "text", text: "24/7 Emergency Repairs" },
{ type: "text", text: "Licensed & Insured" },
{ type: "text", text: "15+ Years Experience" },
{ type: "text", text: "100% Satisfaction" },
{ type: "text", text: "Fast Response Time" }
]}
/>
</div>
@@ -151,21 +81,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A Legacy of Excellence"
metrics={[
{
icon: Award,
label: "Years Experience",
value: "15+",
},
{
icon: CheckCircle,
label: "Happy Clients",
value: "2000+",
},
{
icon: Zap,
label: "Emergency Calls",
value: "500+",
},
{ icon: Award, label: "Years Experience", value: "15+" },
{ icon: CheckCircle, label: "Happy Clients", value: "2000+" },
{ icon: Zap, label: "Emergency Calls", value: "500+" }
]}
metricsAnimation="slide-up"
/>
@@ -177,36 +95,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Leak Detection",
descriptions: [
"Precise detection of pipe leaks.",
"Prevent water damage.",
"Quick and effective repair.",
],
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
},
{
id: "f2",
title: "Drain Cleaning",
descriptions: [
"Clear stubborn clogs.",
"Professional drain service.",
"Restored plumbing flow.",
],
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
},
{
id: "f3",
title: "Pipe Inspection",
descriptions: [
"Camera inspection service.",
"Thorough system health check.",
"Avoid potential issues.",
],
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg",
},
{ id: "f1", title: "Leak Detection", descriptions: ["Precise detection of pipe leaks.", "Prevent water damage.", "Quick and effective repair."], imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg" },
{ id: "f2", title: "Drain Cleaning", descriptions: ["Clear stubborn clogs.", "Professional drain service.", "Restored plumbing flow."], imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg" },
{ id: "f3", title: "Pipe Inspection", descriptions: ["Camera inspection service.", "Thorough system health check.", "Avoid potential issues."], imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990687.jpg" }
]}
title="Our Specialized Plumbing Solutions"
description="Comprehensive services tailored to meet your unique plumbing requirements."
@@ -220,42 +111,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Kitchen Sink Faucet",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg",
},
{
id: "p2",
name: "Shower Head System",
price: "$200",
imageSrc: "http://img.b2bpic.net/free-photo/classical-background-house-bath-interior_1203-5614.jpg",
},
{
id: "p3",
name: "Toilet Replacement",
price: "$350",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg",
},
{
id: "p4",
name: "Waste Disposal Unit",
price: "$250",
imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-clean-dirty-house_23-2149248510.jpg",
},
{
id: "p5",
name: "Water Filter System",
price: "$400",
imageSrc: "http://img.b2bpic.net/free-photo/jug-glass-near-reading-woman_23-2147765099.jpg",
},
{
id: "p6",
name: "Water Heater Tank",
price: "$800",
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg",
},
{ id: "p1", name: "Kitchen Sink Faucet", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/person-white-bathrobe-filling-bath-with-water_259150-59743.jpg" },
{ id: "p2", name: "Shower Head System", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/classical-background-house-bath-interior_1203-5614.jpg" },
{ id: "p3", name: "Toilet Replacement", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721551.jpg" },
{ id: "p4", name: "Waste Disposal Unit", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-clean-dirty-house_23-2149248510.jpg" },
{ id: "p5", name: "Water Filter System", price: "$400", imageSrc: "http://img.b2bpic.net/free-photo/jug-glass-near-reading-woman_23-2147765099.jpg" },
{ id: "p6", name: "Water Heater Tank", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg" }
]}
title="Professional Plumbing Upgrades"
description="High-quality hardware installation for residential and commercial spaces."
@@ -268,39 +129,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$99",
subtitle: "Basic maintenance package",
features: [
"Drain inspection",
"Faucet check",
"Priority scheduling",
],
},
{
id: "pro",
badge: "Popular",
price: "$199",
subtitle: "Comprehensive service plan",
features: [
"Full pipe inspection",
"Water filtration check",
"24/7 priority support",
],
},
{
id: "premium",
badge: "Elite",
price: "$299",
subtitle: "Total plumbing coverage",
features: [
"Annual system audit",
"No trip charges",
"Comprehensive fixture service",
],
},
{ id: "basic", badge: "Essential", price: "$99", subtitle: "Basic maintenance package", features: ["Drain inspection", "Faucet check", "Priority scheduling"] },
{ id: "pro", badge: "Popular", price: "$199", subtitle: "Comprehensive service plan", features: ["Full pipe inspection", "Water filtration check", "24/7 priority support"] },
{ id: "premium", badge: "Elite", price: "$299", subtitle: "Total plumbing coverage", features: ["Annual system audit", "No trip charges", "Comprehensive fixture service"] }
]}
title="Transparent Pricing Plans"
description="Affordable maintenance and service packages for everyone."
@@ -314,26 +145,11 @@ export default function LandingPage() {
rating={5}
author="The Johnson Family"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-practicing-tai-chi_23-2149960184.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-couple-smiling-confident-making-smoothie-cooking-kitchen_839833-17808.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/creative-workers-standing-near-work-table-being-happy-finish-their-work_273609-14159.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-practicing-tai-chi_23-2149960184.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/female-architect-construction-site-with-level_23-2147702482.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/young-couple-smiling-confident-making-smoothie-cooking-kitchen_839833-17808.jpg", alt: "Customer 5" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -344,21 +160,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer emergency services?",
content: "Yes, we are available 24/7 for plumbing emergencies.",
},
{
id: "q2",
title: "Are your plumbers licensed?",
content: "All our technicians are fully licensed, insured, and background checked.",
},
{
id: "q3",
title: "How do I schedule a service?",
content: "You can contact us via the booking form or call our support line.",
},
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for plumbing emergencies." },
{ id: "q2", title: "Are your plumbers licensed?", content: "All our technicians are fully licensed, insured, and background checked." },
{ id: "q3", title: "How do I schedule a service?", content: "You can contact us via the booking form or call our support line." }
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -368,9 +172,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Need Help With Your Plumbing?"
description="Send us a message and our expert team will reach out to schedule your service quickly."
@@ -384,45 +186,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738020.jpg"
logoText="ProFlow Plumbing"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Leak Repair",
href: "#features",
},
{
label: "Drain Cleaning",
href: "#features",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Services", items: [{ label: "Leak Repair", href: "#features" }, { label: "Drain Cleaning", href: "#features" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
]}
/>
</div>