200 lines
11 KiB
TypeScript
200 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Sparkles, Award, Zap, CheckCircle, Shield, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Pristine Auto"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Professional Car Detailing Excellence"
|
|
description="Transform your vehicle with our premium detailing services. We bring showroom shine to every car with meticulous attention to detail and premium products."
|
|
tag="Premium Service"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Book Your Detail", href: "contact" },
|
|
{ text: "Learn More", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg?_wi=1", imageAlt: "Professional car wash with premium shine" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg?_wi=1", imageAlt: "Expert exterior detailing and polishing" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1", imageAlt: "Pristine interior cleaning and conditioning" },
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1", imageAlt: "Paint protection and ceramic coating" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-cleaning-car-rims_23-2148194113.jpg", imageAlt: "Detailed wheel and tire shine service" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg?_wi=2", imageAlt: "Final detailing results showcase" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Pristine Auto"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Dedicated to perfecting every inch of your vehicle with professional expertise and premium care"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Our Process", href: "process" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardMedia
|
|
title="Premium Detailing Services"
|
|
description="Choose from our comprehensive range of professional car detailing solutions designed to protect and enhance your vehicle's appearance."
|
|
tag="Our Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Exterior Detailing", description: "Complete exterior cleaning, clay bar treatment, and multi-stage polish for a mirror-like finish", tag: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg?_wi=2", imageAlt: "Professional exterior car detailing"
|
|
},
|
|
{
|
|
id: "2", title: "Interior Detailing", description: "Deep cleaning of upholstery, carpets, dashboard conditioning, and odor elimination", tag: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2", imageAlt: "Expert interior car cleaning"
|
|
},
|
|
{
|
|
id: "3", title: "Paint Protection", description: "Ceramic coating application and paint sealant for long-lasting protection and shine", tag: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2", imageAlt: "Premium ceramic coating application"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardMedia
|
|
title="Our Detailing Process"
|
|
description="We follow a meticulous step-by-step process to ensure your vehicle receives the highest level of care and attention."
|
|
tag="Step by Step"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Inspection & Assessment", description: "Thorough inspection of your vehicle to identify specific detailing needs and challenges", tag: "Step 1", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-trying-find-out-where-breakdown-is-while-working-auto-repair-shop_637285-7660.jpg", imageAlt: "Pre-detailing vehicle inspection"
|
|
},
|
|
{
|
|
id: "2", title: "Washing & Treatment", description: "Professional washing, clay bar treatment, and protective conditioning of all surfaces", tag: "Step 2", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-2008.jpg", imageAlt: "Professional car washing process"
|
|
},
|
|
{
|
|
id: "3", title: "Finishing & Protection", description: "Final touches with premium polish, sealant application, and protective treatments", tag: "Step 3", imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-cleaning-process_23-2148332888.jpg", imageAlt: "Final detailing and protection application"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Premium Detailing Products"
|
|
description="We use only the highest quality professional-grade products to ensure exceptional results for your vehicle."
|
|
tag="Professional Grade"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Premium Car Shampoo", price: "$34.99", variant: "Concentrate • pH Balanced", imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-brochure-template_1268-306.jpg", imageAlt: "Professional car wash shampoo"
|
|
},
|
|
{
|
|
id: "2", name: "Ceramic Coat Protection", price: "$79.99", variant: "9H Hardness • UV Protection", imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg", imageAlt: "Premium ceramic coating"
|
|
},
|
|
{
|
|
id: "3", name: "Microfiber Towel Set", price: "$29.99", variant: "6 Pack • Professional Grade", imageSrc: "http://img.b2bpic.net/free-photo/towels-shelf-home-goods-store_169016-50236.jpg", imageAlt: "Premium microfiber towels"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Pristine Auto transformed my car completely. The attention to detail and professionalism is unmatched. My vehicle looks better than when I drove it off the lot!"
|
|
rating={5}
|
|
author="Michael Thompson, BMW Owner"
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Customer Michael Thompson" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Customer Sarah Williams" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer David Martinez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Customer Jennifer Lee" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get Started"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Book Your Detailing Service"
|
|
description="Schedule an appointment with our expert team. We're ready to give your vehicle the premium care it deserves."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-call-center-reception-office-with-telemarketing-equipment-helpdesk-no-people-customer-service-client-support-telephony-network-with-multiple-monitors-assistance_482257-47205.jpg"
|
|
imageAlt="Professional detailing facility"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Request Quote"
|
|
termsText="We respect your privacy. We'll only use your information to provide detailing quotes and updates."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Pristine Auto"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|