Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FlowMaster Plumbing"
|
||||
/>
|
||||
@@ -66,15 +54,11 @@ export default function LandingPage() {
|
||||
description="Fast, reliable, and professional plumbing services. From leaky faucets to emergency pipe bursts, we handle it all with precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Call Now", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,7 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Quality Plumbing You Can Rely On"
|
||||
description="With over 15 years of experience, FlowMaster Plumbing provides expert residential and commercial services across the city. We pride ourselves on transparent pricing and high-quality workmanship."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,67 +78,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Emergency Repairs",
|
||||
description: "Burst pipes or leaking mains? We are available 24/7.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Emergency Repairs", description: "Burst pipes or leaking mains? We are available 24/7.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast response",
|
||||
},
|
||||
text: "Fast response"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Licensed pro",
|
||||
},
|
||||
text: "Licensed pro"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg?_wi=2",
|
||||
imageAlt: "professional plumber working bathroom",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Water Heaters",
|
||||
description: "Installation, maintenance, and repair of all tankless and tank models.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Water Heaters", description: "Installation, maintenance, and repair of all tankless and tank models.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Hot water guaranteed",
|
||||
},
|
||||
text: "Hot water guaranteed"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Energy efficient",
|
||||
},
|
||||
text: "Energy efficient"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-man-touching-socket-wall-with-screwdriver_259150-58245.jpg?_wi=2",
|
||||
imageAlt: "plumber repairing pipe interior",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Drain Cleaning",
|
||||
description: "Clear your clogged drains quickly without damaging your pipes.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Drain Cleaning", description: "Clear your clogged drains quickly without damaging your pipes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Non-toxic solutions",
|
||||
},
|
||||
text: "Non-toxic solutions"},
|
||||
{
|
||||
icon: Search,
|
||||
text: "Video inspection",
|
||||
},
|
||||
text: "Video inspection"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg?_wi=2",
|
||||
imageAlt: "leaky pipe repair home",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
@@ -167,23 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Plumbing Guild",
|
||||
"Certified Pro",
|
||||
"Local Business",
|
||||
"Community Trust",
|
||||
"Quality Assured",
|
||||
"Expert Service",
|
||||
"Home Advisor",
|
||||
]}
|
||||
"Plumbing Guild", "Certified Pro", "Local Business", "Community Trust", "Quality Assured", "Expert Service", "Home Advisor"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k98hte",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nw678h",
|
||||
"http://img.b2bpic.net/free-vector/open-house-label-pack_23-2148458293.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=br5k9l",
|
||||
"http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg",
|
||||
"http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg",
|
||||
"http://img.b2bpic.net/free-photo/alaska-heart-banner_187299-34325.jpg",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k98hte", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nw678h", "http://img.b2bpic.net/free-vector/open-house-label-pack_23-2148458293.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=br5k9l", "http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg", "http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg", "http://img.b2bpic.net/free-photo/alaska-heart-banner_187299-34325.jpg"]}
|
||||
title="Trusted by Local Residents"
|
||||
description="Join thousands of satisfied homeowners who trust FlowMaster Plumbing."
|
||||
/>
|
||||
@@ -195,60 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Homeowner",
|
||||
quote: "FlowMaster saved us during a flood! Extremely quick service.",
|
||||
tag: "Emergency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg?_wi=2",
|
||||
imageAlt: "water heater installation modern",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "Jan 2025", title: "Homeowner", quote: "FlowMaster saved us during a flood! Extremely quick service.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg", imageAlt: "water heater installation modern"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
date: "Dec 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Fair pricing and professional installation of our water heater.",
|
||||
tag: "Installation",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg?_wi=2",
|
||||
imageAlt: "professional drain cleaning service",
|
||||
},
|
||||
id: "t2", name: "John Doe", date: "Dec 2024", title: "Homeowner", quote: "Fair pricing and professional installation of our water heater.", tag: "Installation", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", imageSrc: "http://img.b2bpic.net/free-photo/albino-worker-with-face-mask-tightening-valve-construction-site_637285-8178.jpg", imageAlt: "professional drain cleaning service"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
date: "Nov 2024",
|
||||
title: "Homeowner",
|
||||
quote: "They fixed my clogged drain in 30 minutes. Amazing service.",
|
||||
tag: "Drain Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156171.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg",
|
||||
imageAlt: "happy customer residential house",
|
||||
},
|
||||
id: "t3", name: "Emily R.", date: "Nov 2024", title: "Homeowner", quote: "They fixed my clogged drain in 30 minutes. Amazing service.", tag: "Drain Repair", avatarSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156171.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990731.jpg", imageAlt: "happy customer residential house"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Oct 2024",
|
||||
title: "Business Owner",
|
||||
quote: "Reliable contractor for all our office plumbing needs.",
|
||||
tag: "Commercial",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/plus-size-t-shirt-white-business-outfit-blonde-woman-city_53876-119824.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
imageAlt: "satisfied client home renovation",
|
||||
},
|
||||
id: "t4", name: "David W.", date: "Oct 2024", title: "Business Owner", quote: "Reliable contractor for all our office plumbing needs.", tag: "Commercial", avatarSrc: "http://img.b2bpic.net/free-photo/plus-size-t-shirt-white-business-outfit-blonde-woman-city_53876-119824.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", imageAlt: "satisfied client home renovation"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda K.",
|
||||
date: "Sep 2024",
|
||||
title: "Homeowner",
|
||||
quote: "Great communication throughout the whole process.",
|
||||
tag: "General Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156171.jpg",
|
||||
imageAlt: "elderly lady happy service",
|
||||
},
|
||||
id: "t5", name: "Linda K.", date: "Sep 2024", title: "Homeowner", quote: "Great communication throughout the whole process.", tag: "General Repair", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156171.jpg", imageAlt: "elderly lady happy service"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="See why we are the top-rated plumbing company in the region."
|
||||
@@ -261,26 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured for all plumbing work.",
|
||||
},
|
||||
id: "q1", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all plumbing work."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is your emergency response time?",
|
||||
content: "We aim to reach most locations within 60 minutes.",
|
||||
},
|
||||
id: "q2", title: "What is your emergency response time?", content: "We aim to reach most locations within 60 minutes."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we have flexible financing options for larger installations.",
|
||||
},
|
||||
id: "q3", title: "Do you offer financing?", content: "Yes, we have flexible financing options for larger installations."},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers to help you stay informed."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -288,14 +180,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Need urgent plumbing help? Give us a call or send a request!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
text: "Call Now: (555) 123-4567", href: "tel:5551234567"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -304,50 +193,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#",
|
||||
},
|
||||
label: "Emergency Repair", href: "#"},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "#",
|
||||
},
|
||||
label: "Water Heaters", href: "#"},
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "#",
|
||||
},
|
||||
label: "Drain Cleaning", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#",
|
||||
},
|
||||
label: "Reviews", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
label: "Call Us", href: "tel:5551234567"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@flowmaster.com",
|
||||
},
|
||||
label: "Email", href: "mailto:hello@flowmaster.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user