Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -16,27 +16,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ProFlow Plumbing"
|
||||
/>
|
||||
@@ -45,21 +40,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Plumbing Services at Your Doorstep"
|
||||
description="Fast, professional, and affordable plumbing solutions for your home or business. Don't let leaks slow you down—call the experts today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -70,19 +60,13 @@ export default function LandingPage() {
|
||||
description="With over 15 years of experience serving our local community, we pride ourselves on transparent pricing, high-quality workmanship, and emergency availability."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Successful Jobs",
|
||||
},
|
||||
value: "5000+", title: "Successful Jobs"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Emergency Support",
|
||||
},
|
||||
value: "24/7", title: "Emergency Support"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,60 +78,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Robert Miller",
|
||||
date: "2024-03-12",
|
||||
title: "Excellent Service",
|
||||
quote: "They showed up on time and fixed my leak in record time. Very polite and fair pricing.",
|
||||
tag: "Emergency",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg?_wi=2",
|
||||
imageAlt: "professional plumber working on pipe",
|
||||
},
|
||||
id: "1", name: "Robert Miller", date: "2024-03-12", title: "Excellent Service", quote: "They showed up on time and fixed my leak in record time. Very polite and fair pricing.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg", imageAlt: "professional plumber working on pipe"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Jenkins",
|
||||
date: "2024-02-28",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best plumbers in the city. Professional, clean, and knowledgeable about everything in our older home.",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-showing-tablet-girlfriend-bed_23-2147895041.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg?_wi=2",
|
||||
imageAlt: "plumbing team meeting professional",
|
||||
},
|
||||
id: "2", name: "Sarah Jenkins", date: "2024-02-28", title: "Highly Recommend", quote: "Best plumbers in the city. Professional, clean, and knowledgeable about everything in our older home.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-showing-tablet-girlfriend-bed_23-2147895041.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg", imageAlt: "plumbing team meeting professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda Gomez",
|
||||
date: "2024-02-15",
|
||||
title: "Fast and Reliable",
|
||||
quote: "Came out on a Sunday for a pipe burst. Lifesavers! Thank you for the quick response.",
|
||||
tag: "Support",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-older-woman_23-2149082524.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
|
||||
imageAlt: "happy residential customer portrait",
|
||||
},
|
||||
id: "3", name: "Linda Gomez", date: "2024-02-15", title: "Fast and Reliable", quote: "Came out on a Sunday for a pipe burst. Lifesavers! Thank you for the quick response.", tag: "Support", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-older-woman_23-2149082524.jpg", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", imageAlt: "happy residential customer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Davis",
|
||||
date: "2024-01-20",
|
||||
title: "Great Experience",
|
||||
quote: "They updated all my bathroom fixtures effortlessly. Highly satisfied with their craft.",
|
||||
tag: "Install",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-family-spend-time-bedroom_1157-27598.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-tablet-girlfriend-bed_23-2147895041.jpg",
|
||||
imageAlt: "happy young couple smiling home",
|
||||
},
|
||||
id: "4", name: "Michael Davis", date: "2024-01-20", title: "Great Experience", quote: "They updated all my bathroom fixtures effortlessly. Highly satisfied with their craft.", tag: "Install", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-family-spend-time-bedroom_1157-27598.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-showing-tablet-girlfriend-bed_23-2147895041.jpg", imageAlt: "happy young couple smiling home"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Wong",
|
||||
date: "2024-01-05",
|
||||
title: "Friendly Team",
|
||||
quote: "Professional and courteous from start to finish. My go-to for any plumbing issues now.",
|
||||
tag: "Repair",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-older-woman_23-2149082524.jpg",
|
||||
imageAlt: "portrait elderly woman smiling",
|
||||
},
|
||||
id: "5", name: "Emily Wong", date: "2024-01-05", title: "Friendly Team", quote: "Professional and courteous from start to finish. My go-to for any plumbing issues now.", tag: "Repair", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-showing-new-apartment-his-surprised-happy-girlfriend_74855-10258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-older-woman_23-2149082524.jpg", imageAlt: "portrait elderly woman smiling"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Don't just take our word for it—read what our satisfied local customers have to say about our professionalism and reliability."
|
||||
@@ -160,25 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer emergency plumbing services?",
|
||||
content: "Yes! We understand plumbing emergencies don't wait for business hours. We are available 24/7.",
|
||||
},
|
||||
id: "1", title: "Do you offer emergency plumbing services?", content: "Yes! We understand plumbing emergencies don't wait for business hours. We are available 24/7."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How much does a consultation cost?",
|
||||
content: "We offer transparent, upfront quotes after an initial site assessment. Contact us for a quote!",
|
||||
},
|
||||
id: "2", title: "How much does a consultation cost?", content: "We offer transparent, upfront quotes after an initial site assessment. Contact us for a quote!"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely. Our technicians are fully licensed, insured, and undergo background checks for your peace of mind.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Absolutely. Our technicians are fully licensed, insured, and undergo background checks for your peace of mind."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you serve both residential and commercial?",
|
||||
content: "Yes, our team is equipped to handle complex commercial systems and residential repairs.",
|
||||
},
|
||||
id: "4", title: "Do you serve both residential and commercial?", content: "Yes, our team is equipped to handle complex commercial systems and residential repairs."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your plumbing system or our services? Here are the most common things we hear."
|
||||
@@ -193,28 +120,17 @@ export default function LandingPage() {
|
||||
description="Ready to get started? Reach out to our team via this form or give us a call directly. We're here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your plumbing issue...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your plumbing issue...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-loader-holding-board-with-hand-head-uniform-looking-pensive-front-view_176474-21345.jpg"
|
||||
@@ -227,46 +143,29 @@ export default function LandingPage() {
|
||||
logoText="ProFlow Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Repairs", href: "#"},
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Installation", href: "#"},
|
||||
{
|
||||
label: "Emergency",
|
||||
href: "#",
|
||||
},
|
||||
label: "Emergency", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user