Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9b3a2d9fe8 | |||
| b86bed444d |
189
src/app/page.tsx
189
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Membership", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Velocity Wash"
|
||||
/>
|
||||
@@ -55,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Velocity Wash: Premium Care for Your Machine."
|
||||
variant: "plain"}}
|
||||
title="Get a Showroom Shine in Minutes."
|
||||
description="Experience the ultimate touchless cleaning technology. Fast, efficient, and open 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Location",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find a Location", href: "#"},
|
||||
{
|
||||
text: "Join Membership",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Join Membership", href: "#pricing"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-driving_23-2149085761.jpg",
|
||||
imageAlt: "Luxury car wash",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-driving_23-2149085761.jpg", imageAlt: "Luxury car wash"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10505.jpg",
|
||||
imageAlt: "Luxury car wash",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-photo-shoot-by-retro-car_1303-10505.jpg", imageAlt: "Luxury car wash"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/splash-water-foam_23-2147797881.jpg",
|
||||
imageAlt: "Luxury car wash",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/splash-water-foam_23-2147797881.jpg", imageAlt: "Luxury car wash"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139394.jpg",
|
||||
imageAlt: "Luxury car wash",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139394.jpg", imageAlt: "Luxury car wash"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30671.jpg",
|
||||
imageAlt: "Luxury car wash",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30671.jpg", imageAlt: "Luxury car wash"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-checking-car-medium-shot_23-2149385677.jpg",
|
||||
imageAlt: "Luxury car wash",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-checking-car-medium-shot_23-2149385677.jpg", imageAlt: "Luxury car wash"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,19 +80,13 @@ export default function LandingPage() {
|
||||
title="Built for Perfection"
|
||||
metrics={[
|
||||
{
|
||||
label: "Wash Bays",
|
||||
value: "50+",
|
||||
icon: Car,
|
||||
label: "Wash Bays", value: "50+", icon: Car,
|
||||
},
|
||||
{
|
||||
label: "Vehicles Served",
|
||||
value: "1M+",
|
||||
icon: Award,
|
||||
label: "Vehicles Served", value: "1M+", icon: Award,
|
||||
},
|
||||
{
|
||||
label: "Customer Rating",
|
||||
value: "4.9/5",
|
||||
icon: Star,
|
||||
label: "Customer Rating", value: "4.9/5", icon: Star,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -131,18 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual labor needed",
|
||||
"Harsh chemicals",
|
||||
"Wait times",
|
||||
],
|
||||
"Manual labor needed", "Harsh chemicals", "Wait times"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Touchless Automatic",
|
||||
"Eco-friendly soaps",
|
||||
"24/7 Availability",
|
||||
"Mobile Payments",
|
||||
],
|
||||
"Touchless Automatic", "Eco-friendly soaps", "24/7 Availability", "Mobile Payments"],
|
||||
}}
|
||||
title="Why Elite Drivers Choose Velocity"
|
||||
description="State-of-the-art facilities designed for maximum performance and finish quality."
|
||||
@@ -156,38 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Base",
|
||||
price: "$19/mo",
|
||||
subtitle: "Perfect for basic upkeep",
|
||||
features: [
|
||||
"1 Wash Weekly",
|
||||
"Tire Clean",
|
||||
"Vacuum Access",
|
||||
],
|
||||
id: "basic", badge: "Base", price: "$19/mo", subtitle: "Perfect for basic upkeep", features: [
|
||||
"1 Wash Weekly", "Tire Clean", "Vacuum Access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$39/mo",
|
||||
subtitle: "The enthusiast choice",
|
||||
features: [
|
||||
"Unlimited Washes",
|
||||
"Ceramic Wax",
|
||||
"Interior Detail Kit",
|
||||
"Priority Lane",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "$39/mo", subtitle: "The enthusiast choice", features: [
|
||||
"Unlimited Washes", "Ceramic Wax", "Interior Detail Kit", "Priority Lane"],
|
||||
},
|
||||
{
|
||||
id: "fleet",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "For business vehicles",
|
||||
features: [
|
||||
"Bulk Invoicing",
|
||||
"24/7 Support",
|
||||
"Full Analytics",
|
||||
],
|
||||
id: "fleet", badge: "Enterprise", price: "Custom", subtitle: "For business vehicles", features: [
|
||||
"Bulk Invoicing", "24/7 Support", "Full Analytics"],
|
||||
},
|
||||
]}
|
||||
title="Unlimited Wash Club"
|
||||
@@ -202,40 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahdrive",
|
||||
testimonial: "The best touchless wash in town. My car has never looked cleaner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahdrive", testimonial: "The best touchless wash in town. My car has never looked cleaner.", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markluxury",
|
||||
testimonial: "Velocity Wash is so efficient. I love the app payments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-by-car-park_1303-22264.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@markluxury", testimonial: "Velocity Wash is so efficient. I love the app payments.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-by-car-park_1303-22264.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenaslife",
|
||||
testimonial: "The vacuum stations are powerful and always clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152289.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elenaslife", testimonial: "The vacuum stations are powerful and always clean.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152289.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@davecar",
|
||||
testimonial: "Fantastic service. Membership is worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-women-traveling-by-car_23-2148149900.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@davecar", testimonial: "Fantastic service. Membership is worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-women-traveling-by-car_23-2148149900.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Professional equipment and environment. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-standing-her-car_23-2149034772.jpg",
|
||||
},
|
||||
id: "5", name: "Robert B.", handle: "@robertb", testimonial: "Professional equipment and environment. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-standing-her-car_23-2149034772.jpg"},
|
||||
]}
|
||||
title="Driven by Quality"
|
||||
description="Join thousands of satisfied drivers."
|
||||
@@ -247,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I cancel my membership?",
|
||||
content: "You can manage or cancel your subscription instantly through our mobile app.",
|
||||
},
|
||||
id: "1", title: "How do I cancel my membership?", content: "You can manage or cancel your subscription instantly through our mobile app."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you open 24/7?",
|
||||
content: "Yes, all our self-service bays are open 24/7.",
|
||||
},
|
||||
id: "2", title: "Are you open 24/7?", content: "Yes, all our self-service bays are open 24/7."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I use credit cards?",
|
||||
content: "We support credit cards, Apple Pay, Google Pay, and our proprietary app.",
|
||||
},
|
||||
id: "3", title: "Can I use credit cards?", content: "We support credit cards, Apple Pay, Google Pay, and our proprietary app."},
|
||||
]}
|
||||
sideTitle="Questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -271,14 +177,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready for a perfect shine? Visit us today or join the club."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get In Touch", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -287,29 +190,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user