bender/32f20344-4aa6-4b59-a97a-a15c31f4e9e9
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-04-18 01:33:40 +00:00
parent f5dd964f17
commit 1c55fdaa9d
1 changed files with 49 additions and 312 deletions
Download Patch File Download Diff File Expand all files Collapse all files

361
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "About",
id: "about",
},
{
name: "Book Now",
id: "contact",
},
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "About", id: "about" },
{ name: "Book Now", id: "contact" },
]}
brandName="Elite Detailing"
/>
@@ -54,22 +42,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Make Your Car Look Brand New — Fast & Hassle-Free"
description="Professional auto detailing in St. Louis. Same-day availability and premium results for every vehicle. Trusted by local drivers for quality care."
buttons={[
{
text: "Call Now (314) 535-9715",
href: "tel:3145359715",
},
{
text: "Book Appointment",
href: "#contact",
},
{ text: "Call Now (314) 535-9715", href: "tel:3145359715" },
{ text: "Book Appointment", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3045.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3045.jpg"
imageAlt="Clean luxury car"
/>
</div>
@@ -81,79 +61,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Exterior Detailing",
description: "Restore your vehicle's shine with premium washing, clay barring, and wax protection.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36590.jpg",
imageAlt: "Exterior detailing",
},
title: "Exterior Detailing", description: "Restore your vehicle's shine with premium washing, clay barring, and wax protection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36590.jpg", imageAlt: "Exterior detailing" },
items: [
{
icon: CheckCircle,
text: "Hand wash & wax",
},
{
icon: CheckCircle,
text: "Paint polishing",
},
{
icon: CheckCircle,
text: "Wheel cleaning",
},
{ icon: CheckCircle, text: "Hand wash & wax" },
{ icon: CheckCircle, text: "Paint polishing" },
{ icon: CheckCircle, text: "Wheel cleaning" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-3045.jpg?_wi=2",
imageAlt: "car paint polishing wax",
reverse: false
},
{
title: "Interior Detailing",
description: "A deep clean that removes stains, odors, and dirt, making your car feel brand new again.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg",
imageAlt: "Interior detailing",
},
title: "Interior Detailing", description: "A deep clean that removes stains, odors, and dirt, making your car feel brand new again.", media: { imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg", imageAlt: "Interior detailing" },
items: [
{
icon: CheckCircle,
text: "Vacuum & steam clean",
},
{
icon: CheckCircle,
text: "Odor removal",
},
{
icon: CheckCircle,
text: "Upholstery treatment",
},
{ icon: CheckCircle, text: "Vacuum & steam clean" },
{ icon: CheckCircle, text: "Odor removal" },
{ icon: CheckCircle, text: "Upholstery treatment" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg?_wi=1",
imageAlt: "car paint polishing wax",
reverse: true
},
{
title: "Specialty Detailing",
description: "Advanced care for specific needs including engine bays and headlight restoration.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19097.jpg",
imageAlt: "Engine detailing",
},
title: "Specialty Detailing", description: "Advanced care for specific needs including engine bays and headlight restoration.", media: { imageSrc: "http://img.b2bpic.net/free-photo/combine-machine-service_146671-19097.jpg", imageAlt: "Engine detailing" },
items: [
{
icon: CheckCircle,
text: "Engine bay detail",
},
{
icon: CheckCircle,
text: "Headlight restore",
},
{
icon: CheckCircle,
text: "Seat spot cleaning",
},
{ icon: CheckCircle, text: "Engine bay detail" },
{ icon: CheckCircle, text: "Headlight restore" },
{ icon: CheckCircle, text: "Seat spot cleaning" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg?_wi=1",
imageAlt: "car paint polishing wax",
reverse: false
},
]}
title="Our Professional Services"
@@ -163,46 +95,17 @@ export default function LandingPage() {
<div id="transformations" data-section="transformations">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "b1",
name: "Before & After 1",
price: "Restore",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg?_wi=2",
},
{
id: "b2",
name: "Before & After 2",
price: "Refresh",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg",
},
{
id: "b3",
name: "Before & After 3",
price: "Deep Clean",
imageSrc: "http://img.b2bpic.net/free-photo/male-driver-drives-speed-through-streets-city_169016-51892.jpg",
},
{
id: "b4",
name: "Before & After 4",
price: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
},
{
id: "b5",
name: "Before & After 5",
price: "Elite",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
},
{
id: "b6",
name: "Before & After 6",
price: "Transformation",
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-traveling-car-sitting-car-driving-travel-destination_169016-55360.jpg",
},
{ id: "b1", name: "Before & After 1", price: "Restore", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg" },
{ id: "b2", name: "Before & After 2", price: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-available-selling_23-2148332890.jpg" },
{ id: "b3", name: "Before & After 3", price: "Deep Clean", imageSrc: "http://img.b2bpic.net/free-photo/male-driver-drives-speed-through-streets-city_169016-51892.jpg" },
{ id: "b4", name: "Before & After 4", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg" },
{ id: "b5", name: "Before & After 5", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg" },
{ id: "b6", name: "Before & After 6", price: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-traveling-car-sitting-car-driving-travel-destination_169016-55360.jpg" },
]}
title="Results You Can See"
description="See the dramatic difference Elite Detailing makes for vehicles across St. Louis."
@@ -213,12 +116,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Why Choose Elite Detailing St. Louis"
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
buttons={[{ text: "Book Now", href: "#contact" }]}
/>
</div>
@@ -228,86 +126,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
name: "Blue Plan",
price: "Starting at $99",
features: [
"Full exterior wash",
"Window cleaning",
"Tire shine",
],
buttons: [
{
text: "Book Basic",
href: "#contact",
},
],
},
{
id: "pro",
name: "Black Plan",
price: "Starting at $199",
features: [
"Full interior detail",
"Wax protection",
"Engine rinse",
],
buttons: [
{
text: "Book Pro",
href: "#contact",
},
],
},
{
id: "gold",
name: "Gold Plan",
price: "$49/mo",
features: [
"Monthly upkeep",
"Priority booking",
"Maintenance wash",
],
buttons: [
{
text: "Sign Up",
href: "#contact",
},
],
},
{
id: "platinum",
name: "Platinum Plan",
price: "$99/mo",
features: [
"Unlimited interior/exterior",
"Top tier wax",
"Engine bay detail",
],
buttons: [
{
text: "Sign Up",
href: "#contact",
},
],
},
{
id: "vip",
name: "VIP Plan",
price: "$149/mo",
features: [
"Priority support",
"Ceramic coating",
"Monthly detailing",
],
buttons: [
{
text: "Sign Up",
href: "#contact",
},
],
},
{ id: "basic", name: "Blue Plan", price: "Starting at $99", features: ["Full exterior wash", "Window cleaning", "Tire shine"], buttons: [{ text: "Book Basic", href: "#contact" }] },
{ id: "pro", name: "Black Plan", price: "Starting at $199", features: ["Full interior detail", "Wax protection", "Engine rinse"], buttons: [{ text: "Book Pro", href: "#contact" }] },
{ id: "gold", name: "Gold Plan", price: "$49/mo", features: ["Monthly upkeep", "Priority booking", "Maintenance wash"], buttons: [{ text: "Sign Up", href: "#contact" }] },
{ id: "platinum", name: "Platinum Plan", price: "$99/mo", features: ["Unlimited interior/exterior", "Top tier wax", "Engine bay detail"], buttons: [{ text: "Sign Up", href: "#contact" }] },
{ id: "vip", name: "VIP Plan", price: "$149/mo", features: ["Priority support", "Ceramic coating", "Monthly detailing"], buttons: [{ text: "Sign Up", href: "#contact" }] },
]}
title="Flexible Plans That Fit Your Needs"
description="Choose a plan that works for your schedule and budget."
@@ -320,60 +143,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Client",
company: "St. Louis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Client",
company: "St. Louis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Client",
company: "St. Louis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg",
},
{
id: "4",
name: "David Kim",
role: "Client",
company: "St. Louis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-female-school-teacher_23-2151110054.jpg",
},
{
id: "5",
name: "Robert Smith",
role: "Client",
company: "St. Louis",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-makes-thumb-up_114579-18985.jpg",
},
{ id: "1", name: "Sarah Johnson", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg" },
{ id: "2", name: "Michael Chen", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg" },
{ id: "3", name: "Emily Rodriguez", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg" },
{ id: "4", name: "David Kim", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-female-school-teacher_23-2151110054.jpg" },
{ id: "5", name: "Robert Smith", role: "Client", company: "St. Louis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-makes-thumb-up_114579-18985.jpg" },
]}
kpiItems={[
{
value: "4.0",
label: "Google Rating",
},
{
value: "77+",
label: "Real Reviews",
},
{
value: "100%",
label: "Dedicated Care",
},
{ value: "4.0", label: "Google Rating" },
{ value: "77+", label: "Real Reviews" },
{ value: "100%", label: "Dedicated Care" },
]}
title="What Our Customers Say"
description="Join hundreds of satisfied St. Louis drivers who trust us with their vehicles."
@@ -383,12 +162,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Book Your Detail Today"
description="Spots fill up fast. Get your car looking brand new now."
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg"
mediaAnimation="slide-up"
buttonText="Book Now"
tag="Contact Us"
@@ -398,49 +175,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Exterior",
href: "#services",
},
{
label: "Interior",
href: "#services",
},
{
label: "Specialty",
href: "#services",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Book Now",
href: "#contact",
},
],
},
{
title: "Contact",
items: [
{
label: "(314) 535-9715",
href: "tel:3145359715",
},
{
label: "4269 Laclede Ave, St. Louis",
href: "#",
},
],
},
{ title: "Services", items: [{ label: "Exterior", href: "#services" }, { label: "Interior", href: "#services" }, { label: "Specialty", href: "#services" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Book Now", href: "#contact" }] },
{ title: "Contact", items: [{ label: "(314) 535-9715", href: "tel:3145359715" }, { label: "4269 Laclede Ave, St. Louis", href: "#" }] },
]}
logoText="Elite Detailing"
/>