Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Route 49 Carwash"
|
||||
/>
|
||||
@@ -60,75 +50,38 @@ export default function LandingPage() {
|
||||
description="Experience premium care at Route 49 Carwash. We use eco-friendly products and advanced technology to keep your vehicle in showroom condition."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "The best wash I've ever had, fast and thorough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5021.jpg?_wi=1",
|
||||
imageAlt: "modern carwash professional equipment",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "The best wash I've ever had, fast and thorough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5021.jpg", imageAlt: "modern carwash professional equipment"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "My car looks brand new every single time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=1",
|
||||
imageAlt: "friendly carwash staff team",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "My car looks brand new every single time!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", imageAlt: "friendly carwash staff team"},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Professional service and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg?_wi=1",
|
||||
imageAlt: "car wash soap bubble foam",
|
||||
},
|
||||
name: "Mike Ross", handle: "@mikeross", testimonial: "Professional service and friendly staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg", imageAlt: "car wash soap bubble foam"},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahlee",
|
||||
testimonial: "Great value and even better results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg?_wi=1",
|
||||
imageAlt: "interior car vacuum cleaning",
|
||||
},
|
||||
name: "Sarah Lee", handle: "@sarahlee", testimonial: "Great value and even better results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg", imageAlt: "interior car vacuum cleaning"},
|
||||
{
|
||||
name: "Tom Baker",
|
||||
handle: "@tombaker",
|
||||
testimonial: "I wouldn't trust anyone else with my car.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=1",
|
||||
imageAlt: "car tire rim cleaning treatment",
|
||||
},
|
||||
name: "Tom Baker", handle: "@tombaker", testimonial: "I wouldn't trust anyone else with my car.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "car tire rim cleaning treatment"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5021.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5021.jpg"
|
||||
imageAlt="Professional carwash facility"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-cheerful-young-woman-wearing-sunglasses-raised-hands-sunroof-luxury-car_231208-6912.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/picture-cheerful-young-woman-wearing-sunglasses-raised-hands-sunroof-luxury-car_231208-6912.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy drivers"
|
||||
/>
|
||||
@@ -141,19 +94,13 @@ export default function LandingPage() {
|
||||
description="We are dedicated to providing the highest quality car wash experience in the region. Combining expert care with state-of-the-art equipment."
|
||||
metrics={[
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Cars Washed",
|
||||
},
|
||||
value: "10K+", title: "Cars Washed"},
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
},
|
||||
value: "99%", title: "Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -165,40 +112,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Exterior Wash",
|
||||
description: "High-pressure wash and eco-friendly soap for a spotless shine.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg?_wi=2",
|
||||
title: "Exterior Wash", description: "High-pressure wash and eco-friendly soap for a spotless shine.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg", imageAlt: "exterior wash"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg?_wi=3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg", imageAlt: "exterior wash"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
imageAlt: "smiling customer car wash",
|
||||
},
|
||||
{
|
||||
title: "Interior Detail",
|
||||
description: "Full vacuum and deep clean of all interior surfaces.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg?_wi=2",
|
||||
title: "Interior Detail", description: "Full vacuum and deep clean of all interior surfaces.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg", imageAlt: "interior wash"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg?_wi=3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg", imageAlt: "interior wash"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg",
|
||||
imageAlt: "customer at car wash service",
|
||||
},
|
||||
{
|
||||
title: "Rim & Tire Care",
|
||||
description: "Specialized cleaning to make your wheels shine like new.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=2",
|
||||
title: "Rim & Tire Care", description: "Specialized cleaning to make your wheels shine like new.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "rim care"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "rim care"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-cheerful-young-woman-wearing-sunglasses-raised-hands-sunroof-luxury-car_231208-6912.jpg",
|
||||
imageAlt: "young woman smiling car wash",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -214,52 +149,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Quick",
|
||||
price: "$15",
|
||||
period: "per wash",
|
||||
description: "Express wash and rinse.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Exterior Wash",
|
||||
"Spot-free Rinse",
|
||||
],
|
||||
id: "basic", tag: "Quick", price: "$15", period: "per wash", description: "Express wash and rinse.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Exterior Wash", "Spot-free Rinse"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Popular",
|
||||
price: "$30",
|
||||
period: "per wash",
|
||||
description: "Full exterior and basic interior.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Interior Vacuum",
|
||||
"Dashboard Wipe",
|
||||
],
|
||||
id: "standard", tag: "Popular", price: "$30", period: "per wash", description: "Full exterior and basic interior.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Basic", "Interior Vacuum", "Dashboard Wipe"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Best Value",
|
||||
price: "$50",
|
||||
period: "per wash",
|
||||
description: "Complete detailing package.",
|
||||
button: {
|
||||
text: "Select",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Everything in Standard",
|
||||
"Hand Wax",
|
||||
"Rim Cleaning",
|
||||
"Window Treatment",
|
||||
],
|
||||
id: "premium", tag: "Best Value", price: "$50", period: "per wash", description: "Complete detailing package.", button: {
|
||||
text: "Select"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Everything in Standard", "Hand Wax", "Rim Cleaning", "Window Treatment"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -275,25 +180,15 @@ export default function LandingPage() {
|
||||
author="Marcus Thorne"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958782.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-cheerful-young-woman-wearing-sunglasses-raised-hands-sunroof-luxury-car_231208-6912.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/picture-cheerful-young-woman-wearing-sunglasses-raised-hands-sunroof-luxury-car_231208-6912.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -304,20 +199,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a shine?"
|
||||
description="Stop by our Route 49 location today or contact us to schedule a full detailing appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,33 +218,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user