Merge version_1 into main #2
332
src/app/page.tsx
332
src/app/page.tsx
@@ -26,248 +26,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Fussy Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fussy Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Premium Plumbing Done Right."
|
||||
description="Fussy Plumbing provides high-end, reliable, and precise plumbing services. We fix it once, so you never have to worry again."
|
||||
tag="24/7 Emergency Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0477893629",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg?_wi=1",
|
||||
imageAlt: "Plumber working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg?_wi=2",
|
||||
imageAlt: "Professional service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg",
|
||||
imageAlt: "Tools of the trade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/labor-day-labels_23-2147545664.jpg",
|
||||
imageAlt: "Emergency support",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-caucasian-adult-builder-man-uniform-writes-clipboard-with-pencil-orange_141793-69350.jpg",
|
||||
imageAlt: "Professional technician",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Top-Rated Plumbing Experts"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Premium Plumbing Done Right."
|
||||
description="Fussy Plumbing provides high-end, reliable, and precise plumbing services. We fix it once, so you never have to worry again."
|
||||
tag="24/7 Emergency Service"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:0477893629" },
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746296.jpg", imageAlt: "Professional plumber at work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg", imageAlt: "Plumbing pipe wrench tool"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Top-Rated Plumbing Experts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Shortcuts Taken",
|
||||
"No Unnecessary Mess",
|
||||
"No Rushed Jobs",
|
||||
"No Hidden Fees",
|
||||
"No Quality Compromises",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"General Repairs",
|
||||
"Emergency 24/7 Response",
|
||||
"Premium Installations",
|
||||
"Leak Detection",
|
||||
"Drain Cleaning",
|
||||
],
|
||||
}}
|
||||
title="Expert Solutions"
|
||||
description="We specialize in precision plumbing for residential and commercial spaces."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["No Shortcuts Taken", "No Unnecessary Mess", "No Rushed Jobs", "No Hidden Fees", "No Quality Compromises"] }}
|
||||
positiveCard={{ items: ["General Repairs", "Emergency 24/7 Response", "Premium Installations", "Leak Detection", "Drain Cleaning"] }}
|
||||
title="Expert Solutions"
|
||||
description="We specialize in precision plumbing for residential and commercial spaces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Fussy Plumbing?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Fussy Plumbing?"
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Job",
|
||||
quote: "Exceptional job. Easy to contact and very professional.",
|
||||
name: "Daniel",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast & Reliable",
|
||||
quote: "Great plumbing service! Came right on time.",
|
||||
name: "Kalama",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-working_23-2150384845.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "High Quality",
|
||||
quote: "Highly recommend. Professional and thorough.",
|
||||
name: "Tom",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top Tier",
|
||||
quote: "The best plumbing service I have ever used.",
|
||||
name: "Sarah",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adults-spending-quality-moments-together_23-2149117560.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Life Saver",
|
||||
quote: "Came at 3 AM to fix a burst pipe. Absolutely amazing.",
|
||||
name: "Mark",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds of homeowners across the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent Job", quote: "Exceptional job. Easy to contact and very professional.", name: "Daniel", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg" },
|
||||
{ id: "2", title: "Fast & Reliable", quote: "Great plumbing service! Came right on time.", name: "Kalama", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-woman-working_23-2150384845.jpg" },
|
||||
{ id: "3", title: "High Quality", quote: "Highly recommend. Professional and thorough.", name: "Tom", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg" },
|
||||
{ id: "4", title: "Top Tier", quote: "The best plumbing service I have ever used.", name: "Sarah", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adults-spending-quality-moments-together_23-2149117560.jpg" },
|
||||
{ id: "5", title: "Life Saver", quote: "Came at 3 AM to fix a burst pipe. Absolutely amazing.", name: "Mark", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/greetings-joyful-man-woman-standing-with-back-camera-shaking-hands_259150-58289.jpg" }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds of homeowners across the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we provide 24/7 emergency support.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the entire metro area.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "All our technicians are fully licensed and insured.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we provide transparent, no-obligation quotes for all jobs.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Do you handle commercial plumbing?",
|
||||
content: "Yes, we serve both residential and commercial properties.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Need a Plumber Now?"
|
||||
ctaDescription="We are available 24/7 to handle your plumbing emergencies."
|
||||
ctaButton={{
|
||||
text: "Call 0477 893 629",
|
||||
href: "tel:0477893629",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we provide 24/7 emergency support." },
|
||||
{ id: "q2", title: "What areas do you serve?", content: "We serve the entire metro area." },
|
||||
{ id: "q3", title: "Are your plumbers licensed?", content: "All our technicians are fully licensed and insured." },
|
||||
{ id: "q4", title: "Do you offer free quotes?", content: "Yes, we provide transparent, no-obligation quotes for all jobs." },
|
||||
{ id: "q5", title: "Do you handle commercial plumbing?", content: "Yes, we serve both residential and commercial properties." }
|
||||
]}
|
||||
ctaTitle="Need a Plumber Now?"
|
||||
ctaDescription="We are available 24/7 to handle your plumbing emergencies."
|
||||
ctaButton={{ text: "Call 0477 893 629", href: "tel:0477893629" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "General Plumbing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Emergency Work",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Fussy Plumbing"
|
||||
copyrightText="© 2025 Fussy Plumbing. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "General Plumbing", href: "#" }, { label: "Emergency Work", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Reviews", href: "#" }] }
|
||||
]}
|
||||
logoText="Fussy Plumbing"
|
||||
copyrightText="© 2025 Fussy Plumbing. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user