Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-19 20:20:24 +00:00

View File

@@ -20,429 +20,194 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
]}
brandName="TurinWash"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Reviews", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="TurinWash"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "gradient-bars",
}}
title="Your car washed. You keep working."
description="We come to you in Turin in 25 minutes to 1 hour. Professional hand wash, transparent pricing, book via WhatsApp—no appointments, no surprises."
buttons={[
{
text: "Book now on WhatsApp",
href: "https://wa.me/393331234567",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-cleaning-gym-equipment_23-2148766019.jpg?_wi=1"
imageAlt="Professional mobile car wash in Turin"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358941.jpg",
alt: "Customer 5",
},
]}
avatarText="Trusted by 500+ professionals"
marqueeItems={[
{
type: "text",
text: "Rapid Response",
},
{
type: "text",
text: "Eco-Friendly Products",
},
{
type: "text",
text: "Mobile Service",
},
{
type: "text",
text: "Turin Wide",
},
{
type: "text",
text: "Professional Detailers",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "gradient-bars" }}
title="Your car washed. You keep working."
description="We come to you in Turin in 25 minutes to 1 hour. Professional hand wash, transparent pricing, book via WhatsApp—no appointments, no surprises."
buttons={[{ text: "Book now on WhatsApp", href: "https://wa.me/393331234567" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-cleaning-gym-equipment_23-2148766019.jpg"
imageAlt="Professional mobile car wash in Turin"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212254.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358941.jpg", alt: "Customer 5" }
]}
avatarText="Trusted by 500+ professionals"
marqueeItems={[
{ type: "text", text: "Rapid Response" },
{ type: "text", text: "Eco-Friendly Products" },
{ type: "text", text: "Mobile Service" },
{ type: "text", text: "Turin Wide" },
{ type: "text", text: "Professional Detailers" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Convenience at Your Doorstep"
description="Stop wasting time at traditional car washes. Our professional team brings quality, eco-friendly cleaning services directly to your home or office in Turin."
metrics={[
{
value: "25min",
title: "Rapid Arrival",
},
{
value: "500+",
title: "Happy Cars",
},
{
value: "100%",
title: "Satisfaction",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/customer-text-messaging-mobile-phone_1170-1372.jpg?_wi=1"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Convenience at Your Doorstep"
description="Stop wasting time at traditional car washes. Our professional team brings quality, eco-friendly cleaning services directly to your home or office in Turin."
metrics={[
{ value: "25min", title: "Rapid Arrival" },
{ value: "500+", title: "Happy Cars" },
{ value: "100%", title: "Satisfaction" }
]}
imageSrc="http://img.b2bpic.net/free-photo/customer-text-messaging-mobile-phone_1170-1372.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
icon: Sparkles,
title: "Hand Wash Exterior",
description: "Gentle, thorough exterior hand wash to protect your paint.",
},
{
icon: Droplets,
title: "Deep Interior Clean",
description: "Professional vacuuming and detailing for a spotless interior.",
},
{
icon: Shield,
title: "Protective Wax",
description: "High-quality wax application for lasting shine and protection.",
},
{
icon: Droplets,
title: "Eco-Friendly Cleaning",
description: "Water-saving technology safe for your car and the environment.",
},
{
icon: Wrench,
title: "Safety Inspection",
description: "A quick visual check to ensure your vehicle is ready for the road.",
},
]}
title="Our Professional Process"
description="Quality cleaning using specialized equipment for exceptional results."
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ icon: Sparkles, title: "Hand Wash Exterior", description: "Gentle, thorough exterior hand wash to protect your paint." },
{ icon: Droplets, title: "Deep Interior Clean", description: "Professional vacuuming and detailing for a spotless interior." },
{ icon: Shield, title: "Protective Wax", description: "High-quality wax application for lasting shine and protection." },
{ icon: Droplets, title: "Eco-Friendly Cleaning", description: "Water-saving technology safe for your car and the environment." },
{ icon: Wrench, title: "Safety Inspection", description: "A quick visual check to ensure your vehicle is ready for the road." }
]}
title="Our Professional Process"
description="Quality cleaning using specialized equipment for exceptional results."
/>
</div>
<div id="pricing" data-section="pricing">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Exterior Basic",
price: "€29",
imageSrc: "http://img.b2bpic.net/free-vector/detergent-wash-labels-design-set-two_1017-25961.jpg",
},
{
id: "p2",
name: "Interior Basic",
price: "€35",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
},
{
id: "p3",
name: "Full Detail",
price: "€59",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193142.jpg",
},
{
id: "p4",
name: "Premium Wax",
price: "€45",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",
},
{
id: "p5",
name: "Family Pack",
price: "€99",
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-car-front-glass_53876-30980.jpg",
},
{
id: "p6",
name: "Express Quick",
price: "€19",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg",
},
]}
title="Transparent Pricing"
description="Choose the wash package that fits your vehicle needs."
/>
</div>
<div id="pricing" data-section="pricing">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Exterior Basic", price: "€29", imageSrc: "http://img.b2bpic.net/free-vector/detergent-wash-labels-design-set-two_1017-25961.jpg" },
{ id: "p2", name: "Interior Basic", price: "€35", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg" },
{ id: "p3", name: "Full Detail", price: "€59", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193142.jpg" },
{ id: "p4", name: "Premium Wax", price: "€45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg" },
{ id: "p5", name: "Family Pack", price: "€99", imageSrc: "http://img.b2bpic.net/free-photo/cleaning-car-front-glass_53876-30980.jpg" },
{ id: "p6", name: "Express Quick", price: "€19", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg" }
]}
title="Transparent Pricing"
description="Choose the wash package that fits your vehicle needs."
/>
</div>
<div id="pricing-plans" data-section="pricing-plans">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic-plan",
title: "Basic Maintenance",
price: "€49",
period: "/mo",
features: [
"1 Exterior wash",
"Monthly vacuum",
],
button: {
text: "Book Now",
href: "https://wa.me/393331234567",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-wash-car-using-shampoo_1150-6987.jpg",
imageAlt: "car wash sponge bucket water",
},
{
id: "pro-plan",
title: "Pro Care",
price: "€89",
period: "/mo",
features: [
"2 Full Details",
"Priority booking",
],
button: {
text: "Book Now",
href: "https://wa.me/393331234567",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning-gym-equipment_23-2148766019.jpg?_wi=2",
imageAlt: "car wash sponge bucket water",
},
{
id: "premium-plan",
title: "Premium Fleet",
price: "€149",
period: "/mo",
features: [
"4 Full Details",
"VIP support",
],
button: {
text: "Book Now",
href: "https://wa.me/393331234567",
},
imageSrc: "http://img.b2bpic.net/free-photo/customer-text-messaging-mobile-phone_1170-1372.jpg?_wi=2",
imageAlt: "car wash sponge bucket water",
},
]}
title="Subscription Plans"
description="Save on regular cleaning with our monthly packages."
/>
</div>
<div id="pricing-plans" data-section="pricing-plans">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic-plan", title: "Basic Maintenance", price: "€49", period: "/mo", features: ["1 Exterior wash", "Monthly vacuum"],
button: { text: "Book Now", href: "https://wa.me/393331234567" },
imageSrc: "http://img.b2bpic.net/free-photo/man-wash-car-using-shampoo_1150-6987.jpg", imageAlt: "car wash sponge bucket water"
},
{
id: "pro-plan", title: "Pro Care", price: "€89", period: "/mo", features: ["2 Full Details", "Priority booking"],
button: { text: "Book Now", href: "https://wa.me/393331234567" },
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning-gym-equipment_23-2148766019.jpg", imageAlt: "car wash sponge bucket water"
},
{
id: "premium-plan", title: "Premium Fleet", price: "€149", period: "/mo", features: ["4 Full Details", "VIP support"],
button: { text: "Book Now", href: "https://wa.me/393331234567" },
imageSrc: "http://img.b2bpic.net/free-photo/customer-text-messaging-mobile-phone_1170-1372.jpg", imageAlt: "car wash sponge bucket water"
}
]}
title="Subscription Plans"
description="Save on regular cleaning with our monthly packages."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Marco Rossi",
role: "Architect",
company: "Studio Torino",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-her-car-outside_23-2148958777.jpg",
},
{
id: "2",
name: "Elena Bianchi",
role: "Manager",
company: "Tech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-daughter-mother-posing-font-car_23-2148349770.jpg",
},
{
id: "3",
name: "Luca Verdi",
role: "Developer",
company: "Digital Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-talking-smartphone_23-2147841942.jpg",
},
{
id: "4",
name: "Sofia Neri",
role: "Doctor",
company: "City Hospital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27341.jpg",
},
{
id: "5",
name: "Giulia Rossi",
role: "Lawyer",
company: "Studio Legale",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-protective-face-mask-while-holding-keys-his-repaired-car-workshop_637285-7744.jpg",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Avg Rating",
},
{
value: "100%",
label: "Reliability",
},
{
value: "20min",
label: "Avg Response",
},
]}
title="Loved by Turin Drivers"
description="See why busy professionals trust us with their vehicles."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Marco Rossi", role: "Architect", company: "Studio Torino", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-her-car-outside_23-2148958777.jpg" },
{ id: "2", name: "Elena Bianchi", role: "Manager", company: "Tech Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-daughter-mother-posing-font-car_23-2148349770.jpg" },
{ id: "3", name: "Luca Verdi", role: "Developer", company: "Digital Labs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-talking-smartphone_23-2147841942.jpg" },
{ id: "4", name: "Sofia Neri", role: "Doctor", company: "City Hospital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27341.jpg" },
{ id: "5", name: "Giulia Rossi", role: "Lawyer", company: "Studio Legale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-protective-face-mask-while-holding-keys-his-repaired-car-workshop_637285-7744.jpg" }
]}
kpiItems={[
{ value: "4.9/5", label: "Avg Rating" },
{ value: "100%", label: "Reliability" },
{ value: "20min", label: "Avg Response" }
]}
title="Loved by Turin Drivers"
description="See why busy professionals trust us with their vehicles."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Do I need to be present?",
content: "No, if you have a private spot, we can handle it while you work.",
},
{
id: "f2",
title: "What cleaning products do you use?",
content: "We use eco-friendly, professional-grade cleaners safe for all paint.",
},
{
id: "f3",
title: "How long does a wash take?",
content: "A standard wash usually takes between 45 to 90 minutes depending on the vehicle.",
},
]}
title="Common Questions"
description="Find everything you need to know about our service."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Do I need to be present?", content: "No, if you have a private spot, we can handle it while you work." },
{ id: "f2", title: "What cleaning products do you use?", content: "We use eco-friendly, professional-grade cleaners safe for all paint." },
{ id: "f3", title: "How long does a wash take?", content: "A standard wash usually takes between 45 to 90 minutes depending on the vehicle." }
]}
title="Common Questions"
description="Find everything you need to know about our service."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Ready to shine?"
title="Book your mobile wash in seconds"
description="Message us on WhatsApp to secure your slot in Turin. We're ready when you are."
buttons={[
{
text: "WhatsApp Booking",
href: "https://wa.me/393331234567",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Ready to shine?"
title="Book your mobile wash in seconds"
description="Message us on WhatsApp to secure your slot in Turin. We're ready when you are."
buttons={[{ text: "WhatsApp Booking", href: "https://wa.me/393331234567" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Services",
items: [
{
label: "Exterior",
href: "#services",
},
{
label: "Interior",
href: "#services",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="TurinWash"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Services", items: [{ label: "Exterior", href: "#services" }, { label: "Interior", href: "#services" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
logoText="TurinWash"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}