bender/2f8a0261-3908-47fb-a807-ec051ef78291
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-03-02 18:38:41 +00:00
parent 1fabace2cb
commit b818908104
1 changed files with 39 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
src/app/page.tsx
View File

@@ -22,120 +22,78 @@ const navItems = [
]; ];
const testimonials = [ const testimonials = [
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1" }, { id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1" }, { id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg?_wi=1" }, { id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg" },
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg?_wi=1" }, { id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg" },
{ id: "5", name: "Jessica Martinez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2" }, { id: "5", name: "Jessica Martinez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
{ id: "6", name: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1" }, { id: "6", name: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" },
]; ];
const features = [ const features = [
{ {
title: "Interior Detailing", title: "Interior Detailing", description: "Deep carpet shampooing, leather conditioning, stain removal, and complete interior refresh to restore your cabin to pristine condition.", icon: Armchair,
description: "Deep carpet shampooing, leather conditioning, stain removal, and complete interior refresh to restore your cabin to pristine condition.",
icon: Armchair,
mediaItems: [ mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg?_wi=1", imageAlt: "Interior detailing before" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg", imageAlt: "Interior detailing before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1", imageAlt: "Interior detailing after" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg", imageAlt: "Interior detailing after" },
], ] as [any, any],
}, },
{ {
title: "Exterior Detailing", title: "Exterior Detailing", description: "Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish.", icon: Sparkles,
description: "Professional wash, clay bar decontamination, wax/sealant application, and tire conditioning for a flawless exterior finish.",
icon: Sparkles,
mediaItems: [ mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/image-dirty-car-after-trip-off-road-stands-against-brick-wall-old-part-town_613910-6302.jpg?_wi=1", imageAlt: "Exterior detailing before" }, { imageSrc: "http://img.b2bpic.net/free-photo/image-dirty-car-after-trip-off-road-stands-against-brick-wall-old-part-town_613910-6302.jpg", imageAlt: "Exterior detailing before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1", imageAlt: "Exterior detailing after" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", imageAlt: "Exterior detailing after" },
], ] as [any, any],
}, },
{ {
title: "Full Detail Package", title: "Full Detail Package", description: "Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance.", icon: Check,
description: "Complete interior and exterior detailing combined for best value. Includes everything for showroom-ready appearance.",
icon: Check,
mediaItems: [ mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg?_wi=1", imageAlt: "Full detail before" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27235.jpg", imageAlt: "Full detail before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg?_wi=1", imageAlt: "Full detail after" }, { imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22274.jpg", imageAlt: "Full detail after" },
], ] as [any, any],
}, },
{ {
title: "Paint Correction", title: "Paint Correction", description: "Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance.", icon: Zap,
description: "Professional removal of swirls, scratches, and oxidation to restore your vehicle's paint to its original brilliance.",
icon: Zap,
mediaItems: [ mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg?_wi=1", imageAlt: "Paint correction before" }, { imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-16073.jpg", imageAlt: "Paint correction before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1", imageAlt: "Paint correction after" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Paint correction after" },
], ] as [any, any],
}, },
{ {
title: "Ceramic Coating", title: "Ceramic Coating", description: "Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required.", icon: Shield,
description: "Long-term paint protection with hydrophobic properties. Maintains shine for years with minimal maintenance required.",
icon: Shield,
mediaItems: [ mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2", imageAlt: "Ceramic coating application" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Ceramic coating application" },
{ imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Ceramic coating result" }, { imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Ceramic coating result" },
], ] as [any, any],
}, },
{ {
title: "Fleet Detailing", title: "Fleet Detailing", description: "Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling.", icon: Truck,
description: "Professional detailing solutions for company vehicles and fleets. Bulk pricing available with flexible scheduling.",
icon: Truck,
mediaItems: [ mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg", imageAlt: "Fleet vehicles before" }, { imageSrc: "http://img.b2bpic.net/free-photo/transport-concept-with-cars-aerial-view_23-2148959733.jpg", imageAlt: "Fleet vehicles before" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-278.jpg", imageAlt: "Fleet vehicles after" }, { imageSrc: "http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-interior-hightech-factory-modern-production_645730-278.jpg", imageAlt: "Fleet vehicles after" },
], ] as [any, any],
}, },
]; ];
const pricingPlans = [ const pricingPlans = [
{ {
id: "basic", id: "basic", title: "Basic Clean", price: "Starting at $89", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg", imageAlt: "Basic Clean package", button: { text: "Book Now", href: "#contact" },
title: "Basic Clean",
price: "Starting at $89",
period: "per vehicle",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193171.jpg?_wi=1",
imageAlt: "Basic Clean package",
button: { text: "Book Now", href: "#contact" },
features: ["Exterior wash and dry", "Tire shine", "Window cleaning", "Quick vacuum interior"], features: ["Exterior wash and dry", "Tire shine", "Window cleaning", "Quick vacuum interior"],
}, },
{ {
id: "interior-refresh", id: "interior-refresh", title: "Interior Refresh", price: "Starting at $149", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Interior Refresh package", button: { text: "Book Now", href: "#contact" },
title: "Interior Refresh",
price: "Starting at $149",
period: "per vehicle",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1",
imageAlt: "Interior Refresh package",
button: { text: "Book Now", href: "#contact" },
features: ["Complete interior vacuum", "Carpet and upholstery cleaning", "Dashboard cleaning", "Interior protectant"], features: ["Complete interior vacuum", "Carpet and upholstery cleaning", "Dashboard cleaning", "Interior protectant"],
}, },
{ {
id: "exterior-shine", id: "exterior-shine", title: "Exterior Shine", price: "Starting at $179", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-2793.jpg", imageAlt: "Exterior Shine package", button: { text: "Book Now", href: "#contact" },
title: "Exterior Shine",
price: "Starting at $179",
period: "per vehicle",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-2793.jpg?_wi=1",
imageAlt: "Exterior Shine package",
button: { text: "Book Now", href: "#contact" },
features: ["Professional wash and dry", "Clay bar decontamination", "Premium wax application", "Trim and tire conditioning"], features: ["Professional wash and dry", "Clay bar decontamination", "Premium wax application", "Trim and tire conditioning"],
}, },
{ {
id: "full-detail", id: "full-detail", title: "Full Detail", price: "Starting at $299", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Full Detail package - Most Popular", button: { text: "Book Now", href: "#contact" },
title: "Full Detail",
price: "Starting at $299",
period: "per vehicle",
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=1",
imageAlt: "Full Detail package - Most Popular",
button: { text: "Book Now", href: "#contact" },
features: ["Complete interior detailing", "Professional exterior detailing", "Paint protection", "Engine bay cleaning", "Leather conditioning", "Interior protectant"], features: ["Complete interior detailing", "Professional exterior detailing", "Paint protection", "Engine bay cleaning", "Leather conditioning", "Interior protectant"],
}, },
{ {
id: "ceramic-package", id: "ceramic-package", title: "Ceramic Coating", price: "Starting at $499", period: "per vehicle", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Ceramic Coating package", button: { text: "Book Now", href: "#contact" },
title: "Ceramic Coating",
price: "Starting at $499",
period: "per vehicle",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=3",
imageAlt: "Ceramic Coating package",
button: { text: "Book Now", href: "#contact" },
features: ["Full detail package included", "Professional ceramic coating", "Multi-year paint protection", "Hydrophobic finish", "Free 6-month inspection"], features: ["Full detail package included", "Professional ceramic coating", "Multi-year paint protection", "Hydrophobic finish", "Free 6-month inspection"],
}, },
]; ];
@@ -153,8 +111,7 @@ const faqs = [
const footerColumns = [ const footerColumns = [
{ {
title: "Services", title: "Services", items: [
items: [
{ label: "Interior Detailing", href: "/services" }, { label: "Interior Detailing", href: "/services" },
{ label: "Exterior Detailing", href: "/services" }, { label: "Exterior Detailing", href: "/services" },
{ label: "Paint Correction", href: "/services" }, { label: "Paint Correction", href: "/services" },
@@ -163,8 +120,7 @@ const footerColumns = [
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "Home", href: "/" }, { label: "Home", href: "/" },
{ label: "About Us", href: "/about" }, { label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" }, { label: "Gallery", href: "/gallery" },
@@ -173,8 +129,7 @@ const footerColumns = [
], ],
}, },
{ {
title: "Contact", title: "Contact", items: [
items: [
{ label: "Call: (###) ###-####", href: "tel:+1-###-###-####" }, { label: "Call: (###) ###-####", href: "tel:+1-###-###-####" },
{ label: "Text Us", href: "sms:+1-###-###-####" }, { label: "Text Us", href: "sms:+1-###-###-####" },
{ label: "Email: info@eliteautodetailing.com", href: "mailto:info@eliteautodetailing.com" }, { label: "Email: info@eliteautodetailing.com", href: "mailto:info@eliteautodetailing.com" },
@@ -192,7 +147,7 @@ export default function HomePage() {
borderRadius="rounded" borderRadius="rounded"
contentWidth="small" contentWidth="small"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
background="fluid" background="circleGradient"
cardStyle="gradient-bordered" cardStyle="gradient-bordered"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -220,7 +175,7 @@ export default function HomePage() {
tag="Premium Mobile Detailing" tag="Premium Mobile Detailing"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "fluid" }} background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg"
imageAlt="Professional auto detailing showcase" imageAlt="Professional auto detailing showcase"
buttons={[ buttons={[
@@ -318,7 +273,7 @@ export default function HomePage() {
]} ]}
textarea={{ name: "notes", placeholder: "Additional details or preferred date/time", rows: 4 }} textarea={{ name: "notes", placeholder: "Additional details or preferred date/time", rows: 4 }}
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"
imageAlt="Professional detailing equipment" imageAlt="Professional detailing equipment"
mediaAnimation="slide-up" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
@@ -328,7 +283,7 @@ export default function HomePage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/luxury-car-interior-brown-black-colors_181624-31177.jpg"
imageAlt="Elite Auto Detailing showcase" imageAlt="Elite Auto Detailing showcase"
logoText="Elite Auto Detailing & Mobile Services LLC" logoText="Elite Auto Detailing & Mobile Services LLC"
copyrightText="© 2025 Elite Auto Detailing & Mobile Services LLC. All rights reserved." copyrightText="© 2025 Elite Auto Detailing & Mobile Services LLC. All rights reserved."