Merge version_2 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Quick N Clean Detailing"
|
||||
/>
|
||||
@@ -59,67 +49,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Professional Car Detailing in Wangara"
|
||||
description="Give your vehicle the shine it deserves. Quick N Clean Detailing provides top-tier interior and exterior detailing in Western Australia. Satisfaction guaranteed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 0410 619 992",
|
||||
href: "tel:0410619992",
|
||||
},
|
||||
text: "Call Now: 0410 619 992", href: "tel:0410619992"},
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cwdmq1"
|
||||
imageAlt="professional car detailing service high quality"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
src: "asset://hero-avatar-1", alt: "Satisfied customer 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
src: "asset://hero-avatar-2", alt: "Satisfied customer 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
src: "asset://hero-avatar-3", alt: "Satisfied customer 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
src: "asset://hero-avatar-4", alt: "Satisfied customer 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
src: "asset://hero-avatar-5", alt: "Satisfied customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Protection",
|
||||
},
|
||||
type: "text", text: "Paint Protection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Deep Clean",
|
||||
},
|
||||
type: "text", text: "Interior Deep Clean"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
type: "text", text: "Ceramic Coating"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Exterior Detail",
|
||||
},
|
||||
type: "text", text: "Full Exterior Detail"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Wax",
|
||||
},
|
||||
type: "text", text: "Premium Wax"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,29 +96,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "5.0/5.0",
|
||||
},
|
||||
label: "Google Rating", value: "5.0/5.0"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Cars Detailed",
|
||||
value: "1000+",
|
||||
},
|
||||
label: "Cars Detailed", value: "1000+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Fast Turnaround",
|
||||
value: "Efficient",
|
||||
},
|
||||
label: "Fast Turnaround", value: "Efficient"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Certified Pros",
|
||||
value: "Expert",
|
||||
},
|
||||
label: "Certified Pros", value: "Expert"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Located In",
|
||||
value: "Wangara",
|
||||
},
|
||||
label: "Located In", value: "Wangara"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -166,20 +121,11 @@ export default function LandingPage() {
|
||||
description="Comprehensive detailing packages to protect your investment."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "exterior",
|
||||
title: "Exterior Detail & Protection",
|
||||
content: "Full wash, clay bar treatment, wax, and paint correction services to restore that showroom shine.",
|
||||
},
|
||||
id: "exterior", title: "Exterior Detail & Protection", content: "Full wash, clay bar treatment, wax, and paint correction services to restore that showroom shine."},
|
||||
{
|
||||
id: "interior",
|
||||
title: "Interior Deep Clean",
|
||||
content: "Steam cleaning, upholstery shampoo, leather conditioning, and thorough interior sanitation.",
|
||||
},
|
||||
id: "interior", title: "Interior Deep Clean", content: "Steam cleaning, upholstery shampoo, leather conditioning, and thorough interior sanitation."},
|
||||
{
|
||||
id: "ceramic",
|
||||
title: "Ceramic Coating",
|
||||
content: "High-durability ceramic coating for long-lasting paint protection, gloss, and UV resistance.",
|
||||
},
|
||||
id: "ceramic", title: "Ceramic Coating", content: "High-durability ceramic coating for long-lasting paint protection, gloss, and UV resistance."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vlq1bg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -193,55 +139,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$150",
|
||||
subtitle: "Perfect for maintenance",
|
||||
buttons: [
|
||||
id: "basic", badge: "Entry", price: "$150", subtitle: "Perfect for maintenance", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full exterior wash",
|
||||
"Vacuum",
|
||||
"Dash wipe",
|
||||
],
|
||||
"Full exterior wash", "Vacuum", "Dash wipe"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$299",
|
||||
subtitle: "Deep clean and shine",
|
||||
buttons: [
|
||||
id: "pro", badge: "Recommended", price: "$299", subtitle: "Deep clean and shine", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Upholstery shampoo",
|
||||
"Wax seal",
|
||||
],
|
||||
"Everything in Basic", "Upholstery shampoo", "Wax seal"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Premium",
|
||||
price: "$550+",
|
||||
subtitle: "Total restoration",
|
||||
buttons: [
|
||||
id: "elite", badge: "Premium", price: "$550+", subtitle: "Total restoration", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Ceramic coating",
|
||||
"Full interior steam",
|
||||
"Paint correction",
|
||||
],
|
||||
"Ceramic coating", "Full interior steam", "Paint correction"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -255,45 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Service",
|
||||
quote: "Amazing service and friendly people. Highly recommended.",
|
||||
name: "Dinith Pathirana",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lj89w3",
|
||||
},
|
||||
id: "t1", title: "Great Service", quote: "Amazing service and friendly people. Highly recommended.", name: "Dinith Pathirana", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lj89w3"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Tight Results",
|
||||
quote: "Price was right, results were tight, left me a happy boy tonight.",
|
||||
name: "Steve Milosevich",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gocb89",
|
||||
},
|
||||
id: "t2", title: "Tight Results", quote: "Price was right, results were tight, left me a happy boy tonight.", name: "Steve Milosevich", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gocb89"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Value",
|
||||
quote: "Reasonably priced, good value for money. Thank you!",
|
||||
name: "Anthony Obrien",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kbcb6q",
|
||||
},
|
||||
id: "t3", title: "Great Value", quote: "Reasonably priced, good value for money. Thank you!", name: "Anthony Obrien", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kbcb6q"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly Professional",
|
||||
quote: "Very thorough job, car looked brand new after the detail.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nyo0jd",
|
||||
},
|
||||
id: "t4", title: "Highly Professional", quote: "Very thorough job, car looked brand new after the detail.", name: "Sarah J.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nyo0jd"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Excellent Quality",
|
||||
quote: "Best detailing service in Perth by far. Fast and efficient.",
|
||||
name: "Mark D.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ubcz6",
|
||||
},
|
||||
id: "t5", title: "Excellent Quality", quote: "Best detailing service in Perth by far. Fast and efficient.", name: "Mark D.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ubcz6"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Join our community of happy customers in Wangara."
|
||||
@@ -306,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it take?",
|
||||
content: "Depending on the package, usually between 3 to 6 hours.",
|
||||
},
|
||||
id: "f1", title: "How long does it take?", content: "Depending on the package, usually between 3 to 6 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you do mobile detailing?",
|
||||
content: "We are located at Buckingham Dr, Wangara for professional service.",
|
||||
},
|
||||
id: "f2", title: "Do you do mobile detailing?", content: "We are a workshop-based service. We do not offer mobile detailing; please visit our Wangara facility at Buckingham Dr to drop off your vehicle."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is booking required?",
|
||||
content: "Yes, we recommend booking in advance to secure your slot.",
|
||||
},
|
||||
id: "f3", title: "Is booking required?", content: "Yes, we recommend booking in advance to secure your slot."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our detailing services?"
|
||||
@@ -331,16 +211,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to get started?"
|
||||
description="Contact us today at 0410 619 992 or send a message to book your next car detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 0410 619 992",
|
||||
href: "tel:0410619992",
|
||||
},
|
||||
text: "Call 0410 619 992", href: "tel:0410619992"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,25 +228,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -379,4 +248,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user