Update src/app/page.tsx
This commit is contained in:
169
src/app/page.tsx
169
src/app/page.tsx
@@ -32,47 +32,32 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
name: "Booking", id: "booking"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Let It Shine"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Book Now", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Let Your Car Shine Anywhere"
|
||||
logoClassName="text-5xl md:text-7xl"
|
||||
description="Professional mobile car detailing brought straight to your driveway."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book Now", href: "#booking"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=1"
|
||||
imageAlt="freshly detailed luxury car driveway"
|
||||
@@ -95,29 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Exterior Wash",
|
||||
price: "From $50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Exterior Wash", price: "From $50", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Interior Detail",
|
||||
price: "From $80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Interior Detail", price: "From $80", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Detail Package",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Full Detail Package", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Paint Protection",
|
||||
price: "From $120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Paint Protection", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=1"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium detailing packages to keep your car looking like new."
|
||||
@@ -130,20 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mobile Convenience",
|
||||
description: "We come directly to your home or office.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg",
|
||||
},
|
||||
title: "Mobile Convenience", description: "We come directly to your home or office.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg"},
|
||||
{
|
||||
title: "Professional Results",
|
||||
description: "Expert techniques for a showroom finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
|
||||
},
|
||||
title: "Professional Results", description: "Expert techniques for a showroom finish.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg"},
|
||||
{
|
||||
title: "Easy Booking",
|
||||
description: "Schedule in minutes from anywhere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg",
|
||||
},
|
||||
title: "Easy Booking", description: "Schedule in minutes from anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We treat every car as if it were our own."
|
||||
@@ -157,22 +117,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Before/After",
|
||||
value: "See Work",
|
||||
icon: Camera,
|
||||
id: "m1", title: "Before/After", value: "See Work", icon: Camera,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Shine Guarantee",
|
||||
value: "100%",
|
||||
icon: Sparkles,
|
||||
id: "m2", title: "Shine Guarantee", value: "100%", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Happy Cars",
|
||||
value: "500+",
|
||||
icon: Car,
|
||||
id: "m3", title: "Happy Cars", value: "500+", icon: Car,
|
||||
},
|
||||
]}
|
||||
title="Gallery"
|
||||
@@ -186,60 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-05",
|
||||
title: "Repeat Customer",
|
||||
quote: "Excellent work and so convenient!",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-car-looking-cherger-bher-phone_1303-20222.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=2",
|
||||
imageAlt: "happy customer car mobile detailing",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "2024-05", title: "Repeat Customer", quote: "Excellent work and so convenient!", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/woman-charging-her-car-looking-cherger-bher-phone_1303-20222.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg?_wi=2", imageAlt: "happy customer car mobile detailing"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
date: "2024-04",
|
||||
title: "Daily Driver",
|
||||
quote: "My car hasn't looked this good in years.",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=2",
|
||||
imageAlt: "happy customer car mobile detailing",
|
||||
},
|
||||
id: "2", name: "Mark D.", date: "2024-04", title: "Daily Driver", quote: "My car hasn't looked this good in years.", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-pointing-vehicle-hood-while-talking-car-mechanic-auto-repair-shop_637285-7702.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg?_wi=2", imageAlt: "happy customer car mobile detailing"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jana K.",
|
||||
date: "2024-03",
|
||||
title: "Busy Parent",
|
||||
quote: "The mobile service is a lifesaver.",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-driving-metrics-graphs-green-screen-tablet_482257-118248.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=2",
|
||||
imageAlt: "happy customer car mobile detailing",
|
||||
},
|
||||
id: "3", name: "Jana K.", date: "2024-03", title: "Busy Parent", quote: "The mobile service is a lifesaver.", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/showroom-salesman-showing-driving-metrics-graphs-green-screen-tablet_482257-118248.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-eyeglasses-with-tattoo-his-arm-using-portable-tablet-pc-back-seat-car_613910-12288.jpg?_wi=2", imageAlt: "happy customer car mobile detailing"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ben T.",
|
||||
date: "2024-02",
|
||||
title: "Car Enthusiast",
|
||||
quote: "Professional, careful, and detailed.",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=2",
|
||||
imageAlt: "happy customer car mobile detailing",
|
||||
},
|
||||
id: "4", name: "Ben T.", date: "2024-02", title: "Car Enthusiast", quote: "Professional, careful, and detailed.", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29661.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg?_wi=2", imageAlt: "happy customer car mobile detailing"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
date: "2024-01",
|
||||
title: "Value Client",
|
||||
quote: "Great service at a fair price.",
|
||||
tag: "Detailing",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=2",
|
||||
imageAlt: "happy customer car mobile detailing",
|
||||
},
|
||||
id: "5", name: "Emily R.", date: "2024-01", title: "Value Client", quote: "Great service at a fair price.", tag: "Detailing", avatarSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg?_wi=2", imageAlt: "happy customer car mobile detailing"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—see what our satisfied customers are saying."
|
||||
@@ -250,8 +156,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Ready to Make Your Car Shine?"
|
||||
description="Book your mobile detail today and let us handle the rest."
|
||||
@@ -270,29 +175,19 @@ export default function LandingPage() {
|
||||
logoText="Let It Shine Mobile Detailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#booking",
|
||||
},
|
||||
label: "Booking", href: "#booking"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -302,4 +197,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user