Merge version_1 into main #2
549
src/app/page.tsx
549
src/app/page.tsx
@@ -16,411 +16,172 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
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: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="FlowState Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="FlowState Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Expert Plumbing Services You Can Trust"
|
||||
description="We provide reliable, 24/7 plumbing solutions for your home. From repairs to full system installations, our team is ready to serve you."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Exceptional service, arrived on time and fixed the leak perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg?_wi=1",
|
||||
imageAlt: "professional plumber working home interior",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Very professional and fair pricing. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=1",
|
||||
imageAlt: "professional plumber working home interior",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "They were clean, respectful of my property, and got the job done.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg?_wi=1",
|
||||
imageAlt: "professional plumber working home interior",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "FlowState solved a persistent issue that two other companies missed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg?_wi=1",
|
||||
imageAlt: "professional plumber working home interior",
|
||||
},
|
||||
{
|
||||
name: "Kevin J.",
|
||||
handle: "@kevinj",
|
||||
testimonial: "Five star service all the way, from first contact to cleanup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-surprise-gesture_1368-787.jpg?_wi=1",
|
||||
imageAlt: "professional plumber working home interior",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550100",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg?_wi=2"
|
||||
imageAlt="Professional plumbing services in action"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
|
||||
alt: "Plumbing professional doing his job",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990736.jpg",
|
||||
alt: "Female plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990704.jpg",
|
||||
alt: "Male plumber working to fix problems at client's house",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
alt: "Workers having a little chat while having cup of coffee",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Expert Plumbing Services You Can Trust"
|
||||
description="We provide reliable, 24/7 plumbing solutions for your home. From repairs to full system installations, our team is ready to serve you."
|
||||
testimonials={[
|
||||
{ name: "John D.", handle: "@johndoe", testimonial: "Exceptional service, arrived on time and fixed the leak perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg", imageAlt: "professional plumber working home interior" },
|
||||
{ name: "Sarah K.", handle: "@sarahk", testimonial: "Very professional and fair pricing. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg", imageAlt: "professional plumber working home interior" },
|
||||
{ name: "Mike R.", handle: "@miker", testimonial: "They were clean, respectful of my property, and got the job done.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg", imageAlt: "professional plumber working home interior" },
|
||||
{ name: "Elena V.", handle: "@elenav", testimonial: "FlowState solved a persistent issue that two other companies missed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg", imageAlt: "professional plumber working home interior" },
|
||||
{ name: "Kevin J.", handle: "@kevinj", testimonial: "Five star service all the way, from first contact to cleanup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-surprise-gesture_1368-787.jpg", imageAlt: "professional plumber working home interior" },
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:5550100" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg"
|
||||
imageAlt="Professional plumbing services in action"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg", alt: "Male plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg", alt: "Plumbing professional doing his job" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990736.jpg", alt: "Female plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990704.jpg", alt: "Male plumber working to fix problems at client's house" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg", alt: "Workers having a little chat while having cup of coffee" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy customers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "Local Experts" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Excellence"
|
||||
description="With over 20 years in the industry, our licensed plumbing professionals are dedicated to quality, honesty, and superior craftsmanship for every household."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=2"
|
||||
imageAlt="Our expert team"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Tradition of Excellence"
|
||||
description="With over 20 years in the industry, our licensed plumbing professionals are dedicated to quality, honesty, and superior craftsmanship for every household."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg"
|
||||
imageAlt="Our expert team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Rapid response for burst pipes, leaks, and major overflows.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-hispanic-handyman-writing-work-estimate-before-fixing-kitchen-sink_662251-2690.jpg?_wi=3",
|
||||
imageAlt: "plumbing repair tools close up",
|
||||
},
|
||||
{
|
||||
title: "Installation Services",
|
||||
description: "Expert fitting for water heaters, faucets, and bathroom fixtures.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746297.jpg?_wi=3",
|
||||
imageAlt: "plumbing repair tools close up",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Professional clearing of clogged drains to keep your system flowing.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-surprise-gesture_1368-787.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg?_wi=1",
|
||||
imageAlt: "plumbing repair tools close up",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="Whatever your need, we provide the solution. Expert services for every room in your home."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Emergency Repairs", description: "Rapid response for burst pipes, leaks, and major overflows.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-hands-with-wrench-turning-off-valves_169016-53780.jpg" } },
|
||||
{ title: "Installation Services", description: "Expert fitting for water heaters, faucets, and bathroom fixtures.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-with-lamp-outstretched-hand-near-kitchen-hood_259150-59267.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg" } },
|
||||
{ title: "Drain Cleaning", description: "Professional clearing of clogged drains to keep your system flowing.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-surprise-gesture_1368-787.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg" } },
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Comprehensive Plumbing Solutions"
|
||||
description="Whatever your need, we provide the solution. Expert services for every room in your home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Certified Technicians",
|
||||
"Expert Craftsmanship",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Satisfied Homes",
|
||||
items: [
|
||||
"Proven Track Record",
|
||||
"Happy Residents",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Available Support",
|
||||
items: [
|
||||
"Emergency Ready",
|
||||
"Always On Call",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose FlowState"
|
||||
description="Our numbers speak for the trust our community puts in us every single day."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", items: ["Certified Technicians", "Expert Craftsmanship"] },
|
||||
{ id: "m2", value: "5k+", title: "Satisfied Homes", items: ["Proven Track Record", "Happy Residents"] },
|
||||
{ id: "m3", value: "24/7", title: "Available Support", items: ["Emergency Ready", "Always On Call"] },
|
||||
]}
|
||||
title="Why Choose FlowState"
|
||||
description="Our numbers speak for the trust our community puts in us every single day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "FlowState solved a persistent issue that two other companies missed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert B.",
|
||||
handle: "@robbyb",
|
||||
testimonial: "Fast, courteous, and efficient. I couldn't be happier with the results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Linda P.",
|
||||
handle: "@lindap",
|
||||
testimonial: "Very fair pricing for the high level of service received. Excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-bought-tickets-plane-going-holiday-sitting-sofa-with-packed_1258-270221.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "They were clean, respectful of my property, and got the job done.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin J.",
|
||||
handle: "@kevinj",
|
||||
testimonial: "Five star service all the way, from first contact to cleanup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Trusted by hundreds of homeowners across the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", handle: "@alicem", testimonial: "FlowState solved a persistent issue that two other companies missed.", imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg" },
|
||||
{ id: "2", name: "Robert B.", handle: "@robbyb", testimonial: "Fast, courteous, and efficient. I couldn't be happier with the results.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg" },
|
||||
{ id: "3", name: "Linda P.", handle: "@lindap", testimonial: "Very fair pricing for the high level of service received. Excellent.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-bought-tickets-plane-going-holiday-sitting-sofa-with-packed_1258-270221.jpg" },
|
||||
{ id: "4", name: "David L.", handle: "@davidl", testimonial: "They were clean, respectful of my property, and got the job done.", imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg" },
|
||||
{ id: "5", name: "Kevin J.", handle: "@kevinj", testimonial: "Five star service all the way, from first contact to cleanup.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Trusted by hundreds of homeowners across the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer 24/7 emergency services?",
|
||||
content: "Yes, we are available round-the-clock for any plumbing emergencies you might face.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your plumbers licensed and insured?",
|
||||
content: "Every member of our team is fully licensed, insured, and background-checked for your peace of mind.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes, we offer clear, upfront pricing and free estimates for most installations and larger projects.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our service, pricing, and availability."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer 24/7 emergency services?", content: "Yes, we are available round-the-clock for any plumbing emergencies you might face." },
|
||||
{ id: "f2", title: "Are your plumbers licensed and insured?", content: "Every member of our team is fully licensed, insured, and background-checked for your peace of mind." },
|
||||
{ id: "f3", title: "Do you provide free estimates?", content: "Yes, we offer clear, upfront pricing and free estimates for most installations and larger projects." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our service, pricing, and availability."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Home Builders Guild",
|
||||
"Water Safety Council",
|
||||
"Green Tech Certified",
|
||||
"City Plumbers Union",
|
||||
"National Safety Bureau",
|
||||
"Local Business Excellence",
|
||||
"Eco-Friendly Plumbing Org",
|
||||
]}
|
||||
title="Certified & Trusted Partners"
|
||||
description="We are proud to work with the best standards and partners in the industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Home Builders Guild", "Water Safety Council", "Green Tech Certified", "City Plumbers Union", "National Safety Bureau", "Local Business Excellence", "Eco-Friendly Plumbing Org"]}
|
||||
title="Certified & Trusted Partners"
|
||||
description="We are proud to work with the best standards and partners in the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready for Help?"
|
||||
description="Fill out the form and our team will get back to you immediately to resolve your plumbing needs."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your plumbing issue here...",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-person-posing-winter-holidays_140725-135405.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready for Help?"
|
||||
description="Fill out the form and our team will get back to you immediately to resolve your plumbing needs."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your plumbing issue here...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expressive-young-person-posing-winter-holidays_140725-135405.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="FlowState Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="FlowState Plumbing"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user