bender/01ede69e-1bde-4fc2-b66e-ad61a60de297
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 06:03:02 +00:00
parent c3adb3640f
commit 38686eaafb
1 changed files with 52 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

223
src/app/page.tsx
View File

@@ -32,68 +32,44 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
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: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Prestige Mobile Detailing"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Experience Professional Mobile Detailing"
description="We bring premium car care directly to your doorstep. Exceptional results, 24/7 availability, and unmatched attention to detail."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg?_wi=1",
imageAlt: "Car Detailing Service",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg", imageAlt: "Car Detailing Service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg?_wi=1",
imageAlt: "Professional Cleaning",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg", imageAlt: "Professional Cleaning"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg",
imageAlt: "Car Detailing Process",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg", imageAlt: "Car Detailing Process"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27485.jpg",
imageAlt: "Mobile Service",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27485.jpg", imageAlt: "Mobile Service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-car-adjusting-driver-seat-using-buttons_482257-124463.jpg",
imageAlt: "Interior Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-car-adjusting-driver-seat-using-buttons_482257-124463.jpg", imageAlt: "Interior Detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg",
imageAlt: "Final Result",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194126.jpg", imageAlt: "Final Result"},
]}
/>
</div>
@@ -103,8 +79,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Your Trusted Car Care Partner"
description={[
"Prestige Mobile Detailing is dedicated to restoring your vehicle to its showroom glory. We offer comprehensive detailing packages using premium products for a perfect finish every time.",
]}
"Prestige Mobile Detailing is dedicated to restoring your vehicle to its showroom glory. We offer comprehensive detailing packages using premium products for a perfect finish every time."]}
/>
</div>
@@ -112,30 +87,16 @@ export default function LandingPage() {
<FeatureBento
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
features={[
{
title: "Full Exterior Detail",
description: "Hand wash, clay bar, and protective wax.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg",
imageAlt: "car detailing expert detail",
title: "Full Exterior Detail", description: "Hand wash, clay bar, and protective wax.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Interior Deep Clean",
description: "Steam cleaning for carpets and seats.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-motorcycle-helmet_23-2151113140.jpg?_wi=2",
imageAlt: "car detailing expert detail",
title: "Interior Deep Clean", description: "Steam cleaning for carpets and seats.", bentoComponent: "reveal-icon", icon: CheckCircle
},
{
title: "Ceramic Coating",
description: "Long-term paint protection services.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506258.jpg?_wi=2",
imageAlt: "car detailing expert detail",
title: "Ceramic Coating", description: "Long-term paint protection services.", bentoComponent: "reveal-icon", icon: Shield
},
]}
title="Services We Offer"
@@ -150,55 +111,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "express",
badge: "Essential",
price: "$99",
subtitle: "Quick Exterior Refresh",
buttons: [
id: "express", badge: "Essential", price: "$99", subtitle: "Quick Exterior Refresh", buttons: [
{
text: "Book Express",
href: "#contact",
},
text: "Book Express", href: "#contact"},
],
features: [
"Hand Wash",
"Tire Shine",
"Window Cleaning",
],
"Hand Wash", "Tire Shine", "Window Cleaning"],
},
{
id: "prestige",
badge: "Best Seller",
price: "$199",
subtitle: "Complete Full Detail",
buttons: [
id: "prestige", badge: "Best Seller", price: "$199", subtitle: "Complete Full Detail", buttons: [
{
text: "Book Prestige",
href: "#contact",
},
text: "Book Prestige", href: "#contact"},
],
features: [
"Full Exterior",
"Interior Deep Clean",
"Leather Care",
],
"Full Exterior", "Interior Deep Clean", "Leather Care"],
},
{
id: "ultimate",
badge: "Luxury",
price: "$299",
subtitle: "Concierge Treatment",
buttons: [
id: "ultimate", badge: "Luxury", price: "$299", subtitle: "Concierge Treatment", buttons: [
{
text: "Book Ultimate",
href: "#contact",
},
text: "Book Ultimate", href: "#contact"},
],
features: [
"Full Prestige Detail",
"Ceramic Boost",
"Odor Removal",
],
"Full Prestige Detail", "Ceramic Boost", "Odor Removal"],
},
]}
title="Select Your Package"
@@ -213,59 +147,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Client",
company: "Local Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593879.jpg",
},
id: "1", name: "Sarah J.", role: "Client", company: "Local Driver", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593879.jpg"},
{
id: "2",
name: "Mark D.",
role: "Client",
company: "Commuter",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-forest-wearing-coat-by-car_1303-18070.jpg",
},
id: "2", name: "Mark D.", role: "Client", company: "Commuter", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-forest-wearing-coat-by-car_1303-18070.jpg"},
{
id: "3",
name: "Emily R.",
role: "Client",
company: "Vehicle Owner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg",
},
id: "3", name: "Emily R.", role: "Client", company: "Vehicle Owner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg"},
{
id: "4",
name: "Jason L.",
role: "Client",
company: "Luxury Collector",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
},
id: "4", name: "Jason L.", role: "Client", company: "Luxury Collector", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg"},
{
id: "5",
name: "Linda M.",
role: "Client",
company: "Family Driver",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-garage-holding-car-key_107420-95940.jpg",
},
id: "5", name: "Linda M.", role: "Client", company: "Family Driver", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-garage-holding-car-key_107420-95940.jpg"},
]}
kpiItems={[
{
value: "5.0",
label: "Google Rating",
},
value: "5.0", label: "Google Rating"},
{
value: "14",
label: "Expert Reviews",
},
value: "14", label: "Expert Reviews"},
{
value: "24/7",
label: "Always Open",
},
value: "24/7", label: "Always Open"},
]}
title="Client Success Stories"
description="Rated 5.0 by our happy customers for professional mobile detailing."
@@ -278,20 +181,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you need water access?",
content: "No, we carry our own water and equipment to every job.",
},
id: "q1", title: "Do you need water access?", content: "No, we carry our own water and equipment to every job."},
{
id: "q2",
title: "How long does a full detail take?",
content: "Typically 2 to 4 hours depending on the vehicle size and condition.",
},
id: "q2", title: "How long does a full detail take?", content: "Typically 2 to 4 hours depending on the vehicle size and condition."},
{
id: "q3",
title: "Are you open on weekends?",
content: "Yes, we are available 24/7 by appointment.",
},
id: "q3", title: "Are you open on weekends?", content: "Yes, we are available 24/7 by appointment."},
]}
title="Frequently Asked Questions"
description="Have questions about our detailing process? We have answers."
@@ -303,14 +197,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready for a pristine car? Contact us at (204) 819-3399 to book your appointment today."
buttons={[
{
text: "Call Now",
href: "tel:2048193399",
},
text: "Call Now", href: "tel:2048193399"},
]}
/>
</div>
@@ -320,29 +211,19 @@ export default function LandingPage() {
logoText="Prestige Mobile Detailing"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}