213 lines
12 KiB
TypeScript
213 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Droplets, Shield, Sparkles, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
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" },
|
|
{ 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="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="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-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="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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |