Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a3f41c6845 | |||
| 47666528a8 |
257
src/app/page.tsx
257
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FlowPro Plumbing"
|
||||
/>
|
||||
@@ -62,39 +52,23 @@ export default function LandingPage() {
|
||||
description="Providing expert, reliable, and rapid plumbing services for homes and businesses. Licensed professionals ready to solve your plumbing problems fast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:555-0199",
|
||||
},
|
||||
text: "Call Now", href: "tel:555-0199"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-plumber-shouting_1368-577.jpg",
|
||||
imageAlt: "Plumbing service professional smiling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-plumber-shouting_1368-577.jpg", imageAlt: "Plumbing service professional smiling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg",
|
||||
imageAlt: "Kitchen plumbing repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/household-problem-woman-pointing-broken-tap-with-jet-water-man-with-suitcase-tools_259150-58295.jpg", imageAlt: "Kitchen plumbing repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg",
|
||||
imageAlt: "Emergency pipe repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990734.jpg", imageAlt: "Emergency pipe repair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746295.jpg",
|
||||
imageAlt: "Bathroom faucet installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746295.jpg", imageAlt: "Bathroom faucet installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg",
|
||||
imageAlt: "General pipe maintenance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746305.jpg", imageAlt: "General pipe maintenance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615015.jpg",
|
||||
imageAlt: "Expert plumbing tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-engineer-work-engineers-day-celebration_23-2151615015.jpg", imageAlt: "Expert plumbing tools"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +80,7 @@ export default function LandingPage() {
|
||||
title="Trusted Local Plumbing Experts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,35 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Emergency Services",
|
||||
author: "24/7 Support",
|
||||
description: "Rapid response for all plumbing emergencies, day or night.",
|
||||
tags: [
|
||||
"Emergency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg",
|
||||
},
|
||||
id: "f1", title: "Emergency Services", author: "24/7 Support", description: "Rapid response for all plumbing emergencies, day or night.", tags: [
|
||||
"Emergency"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-connectors-with-clear-paper_23-2147772281.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Water Heater Repair",
|
||||
author: "Expert Techs",
|
||||
description: "Diagnosis, repair, and replacement of all water heating systems.",
|
||||
tags: [
|
||||
"Heating",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg",
|
||||
},
|
||||
id: "f2", title: "Water Heater Repair", author: "Expert Techs", description: "Diagnosis, repair, and replacement of all water heating systems.", tags: [
|
||||
"Heating"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334227.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Drain Cleaning",
|
||||
author: "Deep Clean",
|
||||
description: "Advanced equipment to clear stubborn drains and maintain healthy pipes.",
|
||||
tags: [
|
||||
"Cleaning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",
|
||||
},
|
||||
id: "f3", title: "Drain Cleaning", author: "Deep Clean", description: "Advanced equipment to clear stubborn drains and maintain healthy pipes.", tags: [
|
||||
"Cleaning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg"},
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="From emergency leaks to full system installs, we deliver top-tier service tailored to your home's needs."
|
||||
@@ -162,26 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2,500+",
|
||||
title: "Homes Served",
|
||||
description: "Happy families restored to comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smilin-engineer-man-is-looking-tablet-by-raising-up-his-muscle-blue-background_176474-117629.jpg",
|
||||
},
|
||||
id: "m1", value: "2,500+", title: "Homes Served", description: "Happy families restored to comfort.", imageSrc: "http://img.b2bpic.net/free-photo/smilin-engineer-man-is-looking-tablet-by-raising-up-his-muscle-blue-background_176474-117629.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "30 min",
|
||||
title: "Average Response",
|
||||
description: "Fast service for your urgent needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-paramedic-driving-ambulance_23-2149478513.jpg",
|
||||
},
|
||||
id: "m2", value: "30 min", title: "Average Response", description: "Fast service for your urgent needs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-paramedic-driving-ambulance_23-2149478513.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Seasoned plumbing veterans at your door.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-into-drawer-full-tools_23-2147773399.jpg",
|
||||
},
|
||||
id: "m3", value: "15+", title: "Years Experience", description: "Seasoned plumbing veterans at your door.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-into-drawer-full-tools_23-2147773399.jpg"},
|
||||
]}
|
||||
title="Why Our Clients Trust Us"
|
||||
description="Proven track record delivering reliable results for households across the region."
|
||||
@@ -196,29 +135,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Roberts",
|
||||
role: "Lead Plumber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg",
|
||||
},
|
||||
id: "t1", name: "Mark Roberts", role: "Lead Plumber", imageSrc: "http://img.b2bpic.net/free-photo/smiling-friendly-waitress-coffee-shop-barista-giving-out-takeaway-order-cappuccino-paper-cup_1258-203449.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Service Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11329.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Jenkins", role: "Service Technician", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11329.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Choi",
|
||||
role: "Maintenance Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirt-smiling-skill-gesture-occupation_1134-1049.jpg",
|
||||
},
|
||||
id: "t3", name: "David Choi", role: "Maintenance Specialist", imageSrc: "http://img.b2bpic.net/free-photo/shirt-smiling-skill-gesture-occupation_1134-1049.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Martinez",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-builder-man-uniform-points-back-with-hand-isolated-olive-green-wall_141793-66439.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena Martinez", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/pleased-adult-builder-man-uniform-points-back-with-hand-isolated-olive-green-wall_141793-66439.jpg"},
|
||||
]}
|
||||
title="Meet Our Professional Team"
|
||||
description="Our certified professionals are highly trained to ensure quality, safety, and respect for your home."
|
||||
@@ -233,53 +156,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-standing-kitchen_23-2147892043.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-standing-kitchen_23-2147892043.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-showing-thubs-up-down-looking-confused_141793-28630.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Brown",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family_1157-4530.jpg",
|
||||
},
|
||||
id: "3", name: "Alice Brown", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-family_1157-4530.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bob White",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
},
|
||||
id: "4", name: "Bob White", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charlie Day",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-senior-man-woman-couch_23-2148268520.jpg",
|
||||
},
|
||||
id: "5", name: "Charlie Day", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-senior-man-woman-couch_23-2148268520.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Dana Reed",
|
||||
role: "Homeowner",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg",
|
||||
},
|
||||
id: "6", name: "Dana Reed", role: "Homeowner", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Read how we've helped others with their plumbing needs."
|
||||
@@ -292,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "fq1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for all plumbing emergencies.",
|
||||
},
|
||||
id: "fq1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for all plumbing emergencies."},
|
||||
{
|
||||
id: "fq2",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "All our technicians are fully licensed, insured, and background-checked.",
|
||||
},
|
||||
id: "fq2", title: "Are your plumbers licensed?", content: "All our technicians are fully licensed, insured, and background-checked."},
|
||||
{
|
||||
id: "fq3",
|
||||
title: "What areas do you cover?",
|
||||
content: "We serve the greater metro area and surrounding suburbs.",
|
||||
},
|
||||
id: "fq3", title: "What areas do you cover?", content: "We serve the greater metro area and surrounding suburbs."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our service, process, and pricing."
|
||||
@@ -314,35 +198,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Need professional plumbing help now? Get in touch and let's fix the problem together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@flowpro.com",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Professional plumbing solutions, just a message away."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your plumbing needs...", rows: 5 }}
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="FlowPro Plumbing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 FlowPro All Rights Reserved",
|
||||
href: "#",
|
||||
}}
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact Support", href: "tel:555-0199" },
|
||||
{ label: "Our Services", href: "#features" },
|
||||
{ label: "Visit Office", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user