Merge version_1 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -28,69 +28,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="ProFlow Plumbing"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Trusted Plumbing Experts"
|
||||
description="Professional, reliable plumbing services for your home and business. 24/7 emergency support available."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+15551234567" },
|
||||
{ text: "Book Appointment", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g985a5e7a9b009abd613e371436ab37bb48cd04666e13b4e4fa2ec4c8bbd2430c03c4fa7ccf4d8dcf1ef3de347e8abc3cf5efdd4fd79d4119fc111717834230b2_1280.jpg",
|
||||
imageAlt: "Professional plumber working in a home kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g339a42543694d2f06053c1cec9b0a8603a33c86c8495f8a97661acbc859513fbf02bee5f03028737b3b8475db53d2f02e18a2becc1c44a478c8aa327e98c2e1c_1280.jpg",
|
||||
imageAlt: "Plumbing repair pipes close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g9e6bd4689a8342eb9423195602f00f7d5579e83881d061eb3eb7452a8523fee178c2a19bc40e474f5fe8416cea8d4a94294640b856f01850bf671008d4711a50_1280.jpg",
|
||||
imageAlt: "Plumber emergency service and maintenance",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/ga5eacc358f3a17d6d641d234d4b502bca1f04c2a4d20c67b754a72e9f2aa277db3d833f3dfacaf882801bfe9a37bf58fcee5ac61251b000e1fca65ab87573033_1280.jpg",
|
||||
imageAlt: "Experienced professional plumbing team",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g7f4e4554ddacf54aeae886bfa9ce79592cffcbf9ca9a8191ffbf828e8efec0fa39df67f5ac9cf43cf79129d6130e2717d71d99bde8c17e7c1a257356c6afe95e_1280.jpg?_wi=1",
|
||||
imageAlt: "Professional drain cleaning equipment in use",
|
||||
},
|
||||
{ imageSrc: "https://pixabay.com/get/g985a5e7a9b009abd613e371436ab37bb48cd04666e13b4e4fa2ec4c8bbd2430c03c4fa7ccf4d8dcf1ef3de347e8abc3cf5efdd4fd79d4119fc111717834230b2_1280.jpg", imageAlt: "Professional plumber working in a home kitchen" },
|
||||
{ imageSrc: "https://pixabay.com/get/g339a42543694d2f06053c1cec9b0a8603a33c86c8495f8a97661acbc859513fbf02bee5f03028737b3b8475db53d2f02e18a2becc1c44a478c8aa327e98c2e1c_1280.jpg", imageAlt: "Plumbing repair pipes close up" },
|
||||
{ imageSrc: "https://pixabay.com/get/g9e6bd4689a8342eb9423195602f00f7d5579e83881d061eb3eb7452a8523fee178c2a19bc40e474f5fe8416cea8d4a94294640b856f01850bf671008d4711a50_1280.jpg", imageAlt: "Plumber emergency service and maintenance" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,26 +61,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Professional Solutions ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://pixabay.com/get/ga5eacc358f3a17d6d641d234d4b502bca1f04c2a4d20c67b754a72e9f2aa277db3d833f3dfacaf882801bfe9a37bf58fcee5ac61251b000e1fca65ab87573033_1280.jpg",
|
||||
alt: "Plumber team",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "for Every Pipe Challenge.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Meet Our Team",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "Professional Solutions " },
|
||||
{ type: "image", src: "https://pixabay.com/get/ga5eacc358f3a17d6d641d234d4b502bca1f04c2a4d20c67b754a72e9f2aa277db3d833f3dfacaf882801bfe9a37bf58fcee5ac61251b000e1fca65ab87573033_1280.jpg", alt: "Plumber team" },
|
||||
{ type: "text", content: "for Every Pipe Challenge." }
|
||||
]}
|
||||
buttons={[{ text: "Meet Our Team", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,138 +75,47 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Drain Cleaning",
|
||||
descriptions: [
|
||||
"Expert drain cleaning services for sinks, toilets, and main lines using professional equipment.",
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g7f4e4554ddacf54aeae886bfa9ce79592cffcbf9ca9a8191ffbf828e8efec0fa39df67f5ac9cf43cf79129d6130e2717d71d99bde8c17e7c1a257356c6afe95e_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Leak Repair",
|
||||
descriptions: [
|
||||
"Fast and efficient leak detection and repair to prevent costly property damage.",
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g08807aff5186fd3ef75a96db6c51c7ca2a03a36449213c3e45afac8dce06cf82c99b277cb4781408a2a09020ea9924c4f0ad47a07e3651e432231204de3af831_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Boiler Service",
|
||||
descriptions: [
|
||||
"Professional boiler installation, maintenance, and repair to keep your system efficient.",
|
||||
],
|
||||
imageSrc: "https://pixabay.com/get/g110f2699399d70d9cfc32e93effcc4bcc0bbd58c2bd9369c356c8207b2002be1aabff62d74b2d93177f7c91e1aab643c603f2a6bd09f5e4cf7f429ae2536b9a6_1280.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Drain Cleaning", descriptions: ["Expert drain cleaning services."], imageSrc: "https://pixabay.com/get/g7f4e4554ddacf54aeae886bfa9ce79592cffcbf9ca9a8191ffbf828e8efec0fa39df67f5ac9cf43cf79129d6130e2717d71d99bde8c17e7c1a257356c6afe95e_1280.jpg" },
|
||||
{ id: "f2", title: "Leak Repair", descriptions: ["Fast leak detection."], imageSrc: "https://pixabay.com/get/g08807aff5186fd3ef75a96db6c51c7ca2a03a36449213c3e45afac8dce06cf82c99b277cb4781408a2a09020ea9924c4f0ad47a07e3651e432231204de3af831_1280.jpg" },
|
||||
{ id: "f3", title: "Boiler Service", descriptions: ["Professional boiler installation."], imageSrc: "https://pixabay.com/get/g110f2699399d70d9cfc32e93effcc4bcc0bbd58c2bd9369c356c8207b2002be1aabff62d74b2d93177f7c91e1aab643c603f2a6bd09f5e4cf7f429ae2536b9a6_1280.jpg" }
|
||||
]}
|
||||
title="Comprehensive Plumbing Services"
|
||||
description="From emergency leaks to full system installations, we handle everything with care and expertise."
|
||||
description="We handle everything with care and expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Exceptional service! They fixed my burst pipe within an hour. Highly recommend.",
|
||||
imageSrc: "https://pixabay.com/get/g998967ad1bbcfb64046386525ac2bfa2ba22c1d2e0382c35fd52aed7792795bead8e3e1e9b00d8018b52ed3d9df92786ef34650194aed11b6e23130040a44342_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Very professional and clean. My boiler is working better than ever now.",
|
||||
imageSrc: "https://pixabay.com/get/g2ffe8b606c1957f21733d56070687c4f8fbf3d35ae9b4447a9c87f694852226db6e3c7c1e1f60e0cb51f309a879ff2992d203b5e825f30ab89172b41f81b0bad_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Quick, efficient, and very reasonably priced. The go-to plumbers in town.",
|
||||
imageSrc: "https://pixabay.com/get/g0813700617ca9a48af3666e0d03bf2b31ed8ddd09c888e6ea4226c0f3624fd2ef2f3cfc6cc39827de7ac46a6b20fba7467978e50e41e2f573e5366c0f4033a2b_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "They arrived on time and fixed the stubborn clog in my main line quickly.",
|
||||
imageSrc: "https://pixabay.com/get/g9cbc32ecb2d9fb18273a479fd77298df4a96bd2ea56cf35c2b69800722bfa83a67e1cf07d890673edc58cf8f272b2c3eedbfc357a7e34a9ba293fa6ce333cfad_1280.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "@lauras",
|
||||
testimonial: "Impressive workmanship. They really know their stuff and were very polite.",
|
||||
imageSrc: "https://pixabay.com/get/gfd11633e196ce391a97d89b0961d64a0945526d2dc2dcdd7949c861e3b85ac26f27009d90e353829ce3c4c2f715271ce0641d2f99ab0adcde5e239b09bb3f3e3_1280.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Exceptional service!", imageSrc: "https://pixabay.com/get/g998967ad1bbcfb64046386525ac2bfa2ba22c1d2e0382c35fd52aed7792795bead8e3e1e9b00d8018b52ed3d9df92786ef34650194aed11b6e23130040a44342_1280.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Very professional.", imageSrc: "https://pixabay.com/get/g2ffe8b606c1957f21733d56070687c4f8fbf3d35ae9b4447a9c87f694852226db6e3c7c1e1f60e0cb51f309a879ff2992d203b5e825f30ab89172b41f81b0bad_1280.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Quick and efficient.", imageSrc: "https://pixabay.com/get/g0813700617ca9a48af3666e0d03bf2b31ed8ddd09c888e6ea4226c0f3624fd2ef2f3cfc6cc39827de7ac46a6b20fba7467978e50e41e2f573e5366c0f4033a2b_1280.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="We are proud of the long-term relationships we've built with homeowners throughout the community."
|
||||
description="We are proud of our community relationships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to get your plumbing fixed? Our team is standing by to help you immediately."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to get your plumbing fixed?"
|
||||
buttons={[{ text: "Contact Us", href: "tel:+15551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Emergency Repair",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 ProFlow Plumbing"
|
||||
bottomRightText="Licensed & Insured Professionals"
|
||||
bottomRightText="Licensed & Insured"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user