Merge version_4 into main #3
227
src/app/page.tsx
227
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Packages", id: "#pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="X Auto Details"
|
||||
/>
|
||||
@@ -57,42 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="X AUTO DETAILS"
|
||||
description="Your Car, Restored to Perfection. Premium mobile auto detailing that makes your vehicle look and feel brand new."
|
||||
description="We bring the showroom experience directly to your driveway. Premium mobile auto detailing that makes your vehicle look and feel brand new."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "View Packages",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Packages", href: "#pricing"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193590.jpg",
|
||||
imageAlt: "Car Detailing 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193590.jpg", imageAlt: "Car Detailing 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg",
|
||||
imageAlt: "Car Detailing 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg", imageAlt: "Car Detailing 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-foam-diffusing-with-blue_23-2147798003.jpg",
|
||||
imageAlt: "Car Detailing 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-foam-diffusing-with-blue_23-2147798003.jpg", imageAlt: "Car Detailing 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-pigment-white-foam_23-2147798183.jpg",
|
||||
imageAlt: "Car Detailing 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/blue-pigment-white-foam_23-2147798183.jpg", imageAlt: "Car Detailing 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212197.jpg",
|
||||
imageAlt: "Car Detailing 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212197.jpg", imageAlt: "Car Detailing 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-light-silver-automobile_23-2147962997.jpg",
|
||||
imageAlt: "Car Detailing 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-light-silver-automobile_23-2147962997.jpg", imageAlt: "Car Detailing 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,14 +78,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AutoWeekly",
|
||||
"LuxuryRides",
|
||||
"DailyDriver",
|
||||
"CarCarePro",
|
||||
"UrbanMotors",
|
||||
"VehicleShield",
|
||||
"RefinedAuto",
|
||||
]}
|
||||
"AutoWeekly", "LuxuryRides", "DailyDriver", "CarCarePro", "UrbanMotors", "VehicleShield", "RefinedAuto"]}
|
||||
title="Trusted by car owners who expect perfection"
|
||||
description="Join 16+ happy clients who trust us with their vehicles."
|
||||
/>
|
||||
@@ -123,19 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Attention to Detail",
|
||||
description: "Precision in every corner.",
|
||||
},
|
||||
title: "Attention to Detail", description: "Precision in every corner."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Trusted Quality",
|
||||
description: "Reliable, expert service.",
|
||||
},
|
||||
title: "Trusted Quality", description: "Reliable, expert service."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Mobile Convenience",
|
||||
description: "We come directly to your door.",
|
||||
},
|
||||
title: "Mobile Convenience", description: "We come directly to your door."},
|
||||
]}
|
||||
title="Not Just Clean - Detailed"
|
||||
description="We don't just wash your car; we restore it."
|
||||
@@ -149,54 +112,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "Quick Refresh",
|
||||
features: [
|
||||
"Interior wipe-down",
|
||||
"Vacuum",
|
||||
"Exterior wash",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$99", subtitle: "Quick Refresh", features: [
|
||||
"Interior wipe-down", "Vacuum", "Exterior wash"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Popular",
|
||||
price: "$179",
|
||||
subtitle: "Deep Clean",
|
||||
features: [
|
||||
"Full interior clean",
|
||||
"Stain removal",
|
||||
"Exterior shine",
|
||||
],
|
||||
id: "premium", badge: "Popular", price: "$179", subtitle: "Deep Clean", features: [
|
||||
"Full interior clean", "Stain removal", "Exterior shine"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "xtreme",
|
||||
badge: "Elite",
|
||||
price: "$299",
|
||||
subtitle: "Full Restoration",
|
||||
features: [
|
||||
"Deep restoration",
|
||||
"Odor removal",
|
||||
"Paint enhancement",
|
||||
],
|
||||
id: "xtreme", badge: "Elite", price: "$299", subtitle: "Full Restoration", features: [
|
||||
"Deep restoration", "Odor removal", "Paint enhancement"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -212,20 +148,11 @@ export default function LandingPage() {
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "16+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "16+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
id: "m2", value: "5.0", description: "Star Rating"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -238,40 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Britney Young",
|
||||
handle: "@britney",
|
||||
testimonial: "I haven't seen my car this clean since I bought it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
},
|
||||
id: "t1", name: "Britney Young", handle: "@britney", testimonial: "I haven't seen my car this clean since I bought it.", imageSrc: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Kathryn Le",
|
||||
handle: "@kathryn",
|
||||
testimonial: "Got rid of a smell I couldn't remove - completely gone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg",
|
||||
},
|
||||
id: "t2", name: "Kathryn Le", handle: "@kathryn", testimonial: "Got rid of a smell I couldn't remove - completely gone.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Taylor Kohl",
|
||||
handle: "@taylor",
|
||||
testimonial: "Perfect for my white car and dog - monthly plan is a lifesaver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hispanic-girl-textured-wall_1187-5169.jpg",
|
||||
},
|
||||
id: "t3", name: "Taylor Kohl", handle: "@taylor", testimonial: "Perfect for my white car and dog - monthly plan is a lifesaver.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-hispanic-girl-textured-wall_1187-5169.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris P.",
|
||||
handle: "@chrisp",
|
||||
testimonial: "The best detailing service I've ever used, bar none.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
},
|
||||
id: "t4", name: "Chris P.", handle: "@chrisp", testimonial: "The best detailing service I've ever used, bar none.", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex M.",
|
||||
handle: "@alexm",
|
||||
testimonial: "Prompt, professional, and my car looks showroom new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-young-woman-standing-blue-background-posing-funny-crazy-with-fingers-head-as-bunny-ears-smiling-cheerful_839833-2705.jpg",
|
||||
},
|
||||
id: "t5", name: "Alex M.", handle: "@alexm", testimonial: "Prompt, professional, and my car looks showroom new.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-young-woman-standing-blue-background-posing-funny-crazy-with-fingers-head-as-bunny-ears-smiling-cheerful_839833-2705.jpg"},
|
||||
]}
|
||||
title="Real Clients. Real Results."
|
||||
description="See why our clients recommend X Auto Details."
|
||||
@@ -285,19 +187,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Passion-driven",
|
||||
value: "Owner-Op",
|
||||
},
|
||||
label: "Passion-driven", value: "Owner-Op"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Precision",
|
||||
value: "Quality",
|
||||
},
|
||||
label: "Precision", value: "Quality"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Community",
|
||||
value: "Local",
|
||||
},
|
||||
label: "Community", value: "Local"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -308,25 +204,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you come to my location?",
|
||||
content: "Yes, we are a fully mobile service.",
|
||||
},
|
||||
id: "f1", title: "Do you come to my location?", content: "Yes, we are a fully mobile service."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a detail take?",
|
||||
content: "Depending on the package, 2-4 hours.",
|
||||
},
|
||||
id: "f2", title: "How long does a detail take?", content: "Depending on the package, 2-4 hours."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you remove tough stains?",
|
||||
content: "We use professional extraction for deep stains.",
|
||||
},
|
||||
id: "f3", title: "Can you remove tough stains?", content: "We use professional extraction for deep stains."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How do I book?",
|
||||
content: "Click the 'Book Now' button to get a quote.",
|
||||
},
|
||||
id: "f4", title: "How do I book?", content: "Click the 'Book Now' button to get a quote."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our services."
|
||||
@@ -338,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready to Transform Your Car?"
|
||||
description="Book your detail today. Limited slots available each week."
|
||||
@@ -352,33 +235,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "Packages",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Packages", href: "#pricing"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Membership", href: "#pricing"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +259,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user