Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
186
src/app/page.tsx
186
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
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="Top Deck Plumbing"
|
||||
/>
|
||||
@@ -59,43 +44,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Plumbing Services in Marangaroo"
|
||||
description="Top Deck Plumbing provides clean, reliable, and affordable plumbing solutions. From tap replacements to sewage line repairs, we're here to help."
|
||||
tag="Reliable Expert Plumbers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call 0449 881 725",
|
||||
href: "tel:0449881725",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Call 0449 881 725", href: "tel:0449881725" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-plunger_1368-743.jpg",
|
||||
imageAlt: "Plumber professional at work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-plunger_1368-743.jpg", imageAlt: "Plumber professional at work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg",
|
||||
imageAlt: "Pipe maintenance service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-covering-his-mouth_1368-772.jpg",
|
||||
imageAlt: "Plumber covering his mouth",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
|
||||
imageAlt: "Side view man working as plumber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-with-heart-pain_1368-546.jpg",
|
||||
imageAlt: "Plumber with heart pain",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721577.jpg", imageAlt: "Pipe maintenance service"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -109,10 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Quality finish and reliable service since day one."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "View Our Services", href: "#features" },
|
||||
]}
|
||||
tag="Our Story"
|
||||
tagIcon={Wrench}
|
||||
@@ -126,20 +86,11 @@ export default function LandingPage() {
|
||||
description="We pride ourselves on efficiency, cleanliness, and cost-effectiveness. Your property is in safe hands."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Affordable Pricing",
|
||||
content: "We offer budget-friendly options without compromising on the quality of work.",
|
||||
},
|
||||
id: "1", title: "Affordable Pricing", content: "We offer budget-friendly options without compromising on the quality of work."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Responsive Service",
|
||||
content: "When you have an issue, David is quick to respond, getting you back to normal fast.",
|
||||
},
|
||||
id: "2", title: "Responsive Service", content: "When you have an issue, David is quick to respond, getting you back to normal fast."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Clean and Tidy",
|
||||
content: "We respect your home and ensure every job leaves your space tidy and clean.",
|
||||
},
|
||||
id: "3", title: "Clean and Tidy", content: "We respect your home and ensure every job leaves your space tidy and clean."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-pipe-wrench-screwing-nut_181624-49738.jpg"
|
||||
imageAlt="Plumbing tools and service"
|
||||
@@ -155,25 +106,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "13",
|
||||
title: "Reviews",
|
||||
description: "Verified 5-star customer feedback.",
|
||||
icon: Star,
|
||||
id: "m1", value: "13", title: "Reviews", description: "Verified 5-star customer feedback.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
description: "Highest rated local plumber.",
|
||||
icon: Award,
|
||||
id: "m2", value: "5.0", title: "Rating", description: "Highest rated local plumber.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Responsiveness",
|
||||
description: "Fast and reliable dispatch.",
|
||||
icon: Clock,
|
||||
id: "m3", value: "24/7", title: "Responsiveness", description: "Fast and reliable dispatch.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
@@ -186,30 +125,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Damien Ward",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-women-high-fiving-table_23-2147769994.jpg",
|
||||
},
|
||||
id: "1", name: "Damien Ward", imageSrc: "http://img.b2bpic.net/free-photo/laughing-women-high-fiving-table_23-2147769994.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kiah ONeill",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg",
|
||||
},
|
||||
id: "2", name: "Kiah ONeill", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-male-electrician-standing-against-wall_23-2148087578.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Adam Over-field",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg",
|
||||
},
|
||||
id: "3", name: "Adam Over-field", imageSrc: "http://img.b2bpic.net/free-photo/close-u-pon-couple-home-sharing-tender-moments_23-2149105982.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Smith", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990683.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg",
|
||||
},
|
||||
id: "5", name: "James Lee", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-5140.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted Service"
|
||||
@@ -222,14 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft-Verified",
|
||||
"Plumbing-Assoc",
|
||||
"WA-Trade-Union",
|
||||
"Certified-Expert",
|
||||
"Verified-Pro",
|
||||
"Local-Business-Alliance",
|
||||
"Safety-Standard",
|
||||
]}
|
||||
"Microsoft-Verified", "Plumbing-Assoc", "WA-Trade-Union", "Certified-Expert", "Verified-Pro", "Local-Business-Alliance", "Safety-Standard"]}
|
||||
title="Our Affiliations"
|
||||
description="Recognized for service quality and excellence in the plumbing industry."
|
||||
/>
|
||||
@@ -240,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide same-day quotes?",
|
||||
content: "Yes, we are highly responsive and can often provide assessments the very next day.",
|
||||
},
|
||||
id: "f1", title: "Do you provide same-day quotes?", content: "Yes, we are highly responsive and can often provide assessments the very next day."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your service budget-friendly?",
|
||||
content: "We offer reliable, budget-friendly options to fit your needs without sacrificing quality.",
|
||||
},
|
||||
id: "f2", title: "Is your service budget-friendly?", content: "We offer reliable, budget-friendly options to fit your needs without sacrificing quality."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle hot water system replacements?",
|
||||
content: "Absolutely. We provide quick and reliable hot water system installations and replacements.",
|
||||
},
|
||||
id: "f3", title: "Do you handle hot water system replacements?", content: "Absolutely. We provide quick and reliable hot water system installations and replacements."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need more help? Feel free to ask us directly via phone or email."
|
||||
@@ -264,17 +172,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Ready to fix your plumbing issue?"
|
||||
description="Reach out to David for a fast, reliable quote today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0449881725",
|
||||
},
|
||||
text: "Call Now", href: "tel:0449881725"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -285,37 +189,23 @@ export default function LandingPage() {
|
||||
logoText="Top Deck Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Taps Replacement",
|
||||
href: "#",
|
||||
},
|
||||
label: "Taps Replacement", href: "#"},
|
||||
{
|
||||
label: "Hot Water Systems",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hot Water Systems", href: "#"},
|
||||
{
|
||||
label: "Sewage Lines",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sewage Lines", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -325,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user