Merge version_1_1781708047530 into main #2
@@ -12,330 +12,145 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroCenteredLogos
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg",
|
||||
"http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg",
|
||||
"http://img.b2bpic.net/free-photo/smiling-blonde-woman-siting-car_23-2148384908.jpg",
|
||||
"http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local drivers"
|
||||
title="Restore Your Car's Shine"
|
||||
description="Professional detailing and washing services that bring back that showroom feeling. Convenient, fast, and high-quality."
|
||||
primaryButton={{
|
||||
text: "Book Your Wash",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
names={[
|
||||
"John D.",
|
||||
"Sarah K.",
|
||||
"Mike T.",
|
||||
"Elena M.",
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194132.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
avatarsSrc={[
|
||||
"http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg", "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg", "http://img.b2bpic.net/free-photo/smiling-blonde-woman-siting-car_23-2148384908.jpg", "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg"]}
|
||||
avatarText="Trusted by 1000+ local drivers"
|
||||
title="Restore Your Car's Shine"
|
||||
description="Professional detailing and washing services that bring back that showroom feeling. Convenient, fast, and high-quality."
|
||||
primaryButton={{ text: "Book Your Wash", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Our Services", href: "#services" }}
|
||||
names={["John D.", "Sarah K.", "Mike T.", "Elena M."]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194132.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Why Choose Us"
|
||||
title="Excellence in Every Detail"
|
||||
description="We take care of your vehicle like it were our own, using premium products and advanced techniques."
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Products",
|
||||
description: "Sustainable chemicals that are safe for your paint and the environment.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Eco-Safe",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
label: "Water Saved",
|
||||
value: "50L+",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Satisfaction",
|
||||
value: "100%",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194066.jpg",
|
||||
imageAlt: "professional car detailing tools",
|
||||
},
|
||||
{
|
||||
title: "Trained Specialists",
|
||||
description: "Our team undergoes rigorous training to ensure high standards.",
|
||||
bentoComponent: "tilted-stack-cards",
|
||||
stackCards: [
|
||||
{
|
||||
icon: Award,
|
||||
title: "Certified",
|
||||
subtitle: "Detailing Pros",
|
||||
detail: "Certified staff",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
title: "Verified",
|
||||
subtitle: "Quality Control",
|
||||
detail: "15-point check",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
title: "Guaranteed",
|
||||
subtitle: "Client Joy",
|
||||
detail: "Quality result",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194132.jpg?_wi=2",
|
||||
imageAlt: "professional car detailing tools",
|
||||
},
|
||||
{
|
||||
title: "Speed & Convenience",
|
||||
description: "Efficient processes designed to get you back on the road in style.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiling-dark-liquid-with-aquamarine-foam-big-blob_23-2147934237.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26053.jpg?_wi=1",
|
||||
imageAlt: "professional car detailing tools",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Choose Us"
|
||||
title="Excellence in Every Detail"
|
||||
description="We take care of your vehicle like it were our own, using premium products and advanced techniques."
|
||||
features={[
|
||||
{
|
||||
title: "Eco-Friendly Products", description: "Sustainable chemicals that are safe for your paint and the environment.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Leaf", label: "Eco-Safe", value: "100%" },
|
||||
{ icon: "Droplets", label: "Water Saved", value: "50L+" },
|
||||
{ icon: "Sparkles", label: "Satisfaction", value: "100%" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Trained Specialists", description: "Our team undergoes rigorous training to ensure high standards.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{ icon: "Award", title: "Certified", subtitle: "Detailing Pros", detail: "Certified staff" },
|
||||
{ icon: "Check", title: "Verified", subtitle: "Quality Control", detail: "15-point check" },
|
||||
{ icon: "ThumbsUp", title: "Guaranteed", subtitle: "Client Joy", detail: "Quality result" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Speed & Convenience", description: "Efficient processes designed to get you back on the road in style.", bentoComponent: "media-stack", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boiling-dark-liquid-with-aquamarine-foam-big-blob_23-2147934237.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Our Services"
|
||||
title="Professional Wash Menu"
|
||||
description="From a quick rinse to comprehensive detailing, we have a package for every car enthusiast."
|
||||
items={[
|
||||
{
|
||||
title: "Interior Deep Clean",
|
||||
description: "Steam cleaning and conditioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Exterior Foam Bath",
|
||||
description: "Complete wash and hand dry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26053.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Ceramic Coating",
|
||||
description: "Advanced paint protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26059.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tire & Wheel Shine",
|
||||
description: "Deep tire restoration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
|
||||
},
|
||||
{
|
||||
title: "Engine Bay Detail",
|
||||
description: "Clean and degrease motor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1253.jpg",
|
||||
},
|
||||
{
|
||||
title: "Carpet & Upholstery",
|
||||
description: "Deep shampoo wash.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
|
||||
},
|
||||
{
|
||||
title: "Glass Treatment",
|
||||
description: "Streak-free windows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194114.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Services"
|
||||
title="Professional Wash Menu"
|
||||
description="From a quick rinse to comprehensive detailing, we have a package for every car enthusiast."
|
||||
items={[
|
||||
{ title: "Interior Deep Clean", description: "Steam cleaning and conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg" },
|
||||
{ title: "Exterior Foam Bath", description: "Complete wash and hand dry.", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26053.jpg" },
|
||||
{ title: "Ceramic Coating", description: "Advanced paint protection.", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26059.jpg" },
|
||||
{ title: "Tire & Wheel Shine", description: "Deep tire restoration.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg" },
|
||||
{ title: "Engine Bay Detail", description: "Clean and degrease motor.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1253.jpg" },
|
||||
{ title: "Carpet & Upholstery", description: "Deep shampoo wash.", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" },
|
||||
{ title: "Glass Treatment", description: "Streak-free windows.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194114.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Results that speak for themselves."
|
||||
metrics={[
|
||||
{
|
||||
value: "15k+",
|
||||
title: "Cars Washed",
|
||||
description: "Countless satisfied clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="By The Numbers"
|
||||
description="Results that speak for themselves."
|
||||
metrics={[
|
||||
{ value: "15k+", title: "Cars Washed", description: "Countless satisfied clients.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Client Stories"
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied car owners."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Owner",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
role: "Customer",
|
||||
company: "City Transit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2148962705.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily V.",
|
||||
role: "Client",
|
||||
company: "Freelance",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-drops-pattern-bright-blue-background_23-2148070973.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
role: "Driver",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-selecting-clothes_1098-13848.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chris B.",
|
||||
role: "Customer",
|
||||
company: "Hospitality",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Stories"
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied car owners."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", role: "Owner", company: "Local Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg" },
|
||||
{ name: "Mark R.", role: "Customer", company: "City Transit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2148962705.jpg" },
|
||||
{ name: "Emily V.", role: "Client", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/water-drops-pattern-bright-blue-background_23-2148070973.jpg" },
|
||||
{ name: "David L.", role: "Driver", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-selecting-clothes_1098-13848.jpg" },
|
||||
{ name: "Chris B.", role: "Customer", company: "Hospitality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Pricing"
|
||||
title="Transparent Pricing"
|
||||
description="Choose a wash level that matches your car's needs."
|
||||
plans={[
|
||||
{
|
||||
tag: "Quick",
|
||||
price: "$29",
|
||||
description: "Quick exterior wash",
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Exterior Foam",
|
||||
"Hand Dry",
|
||||
"Tire Shine",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Popular",
|
||||
price: "$59",
|
||||
description: "Full wash & interior",
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Everything in Quick",
|
||||
"Interior Vacuum",
|
||||
"Dashboard Polish",
|
||||
"Glass Clean",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Premium",
|
||||
price: "$129",
|
||||
description: "Comprehensive detailing",
|
||||
primaryButton: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
features: [
|
||||
"Everything in Popular",
|
||||
"Ceramic Wax",
|
||||
"Engine Detail",
|
||||
"Upholstery Shampoo",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Pricing"
|
||||
title="Transparent Pricing"
|
||||
description="Choose a wash level that matches your car's needs."
|
||||
plans={[
|
||||
{ tag: "Quick", price: "$29", description: "Quick exterior wash", primaryButton: { text: "Select", href: "#contact" }, features: ["Exterior Foam", "Hand Dry", "Tire Shine"] },
|
||||
{ tag: "Popular", price: "$59", description: "Full wash & interior", primaryButton: { text: "Select", href: "#contact" }, features: ["Everything in Quick", "Interior Vacuum", "Dashboard Polish", "Glass Clean"] },
|
||||
{ tag: "Premium", price: "$129", description: "Comprehensive detailing", primaryButton: { text: "Select", href: "#contact" }, features: ["Everything in Popular", "Ceramic Wax", "Engine Detail", "Upholstery Shampoo"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="FAQs"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers about our process and policies."
|
||||
items={[
|
||||
{
|
||||
question: "How long does a wash take?",
|
||||
answer: "Usually 30-60 minutes depending on the package.",
|
||||
},
|
||||
{
|
||||
question: "Do I need an appointment?",
|
||||
answer: "Appointments are recommended but not required.",
|
||||
},
|
||||
{
|
||||
question: "Are your soaps safe?",
|
||||
answer: "Yes, we use biodegradable, pH-neutral soaps.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer mobile services?",
|
||||
answer: "Yes, we can come to your location for an additional fee.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQs"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers about our process and policies."
|
||||
items={[
|
||||
{ question: "How long does a wash take?", answer: "Usually 30-60 minutes depending on the package." },
|
||||
{ question: "Do I need an appointment?", answer: "Appointments are recommended but not required." },
|
||||
{ question: "Are your soaps safe?", answer: "Yes, we use biodegradable, pH-neutral soaps." },
|
||||
{ question: "Do you offer mobile services?", answer: "Yes, we can come to your location for an additional fee." },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Contact"
|
||||
text="Ready to get your car shining? Contact us today to schedule your wash."
|
||||
primaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "mailto:hello@shineauto.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contact"
|
||||
text="Ready to get your car shining? Contact us today to schedule your wash."
|
||||
primaryButton={{ text: "Book Appointment", href: "mailto:hello@shineauto.com" }}
|
||||
secondaryButton={{ text: "Call Now", href: "tel:5550123" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user