Files
4b25fc2b-e3d4-445d-af6b-af3…/src/app/page.tsx
2026-03-12 07:37:32 +00:00

280 lines
18 KiB
TypeScript

"use client"
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Award, CheckCircle, Droplets, Gauge, Globe, Phone, Shield, Sofa, Sparkles, Sun, Trophy, Zap } from 'lucide-react';
export default function AstanaDetailingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="large"
background="noise"
cardStyle="subtle-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Astana Detailing"
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Showroom-Quality Finishes for Your Prized Vehicles"
description="Expert automotive detailing service delivering exceptional protection and preservation. From luxury vehicles to collector cars, we provide the meticulous care your vehicle deserves."
buttons={[
{ text: "Book Service", href: "#contact" },
{ text: "View Gallery", href: "#services" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22321.jpg?_wi=1"
imageAlt="Premium car detailing showcase"
showDimOverlay={true}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Delivering Excellence in Every Detail Since 2015. Astana Detailing Sets the Standard for Automotive Perfection."
metrics={[
{ icon: Sparkles, label: "Vehicles Detailed", value: "5,000+" },
{ icon: Award, label: "Customer Satisfaction", value: "98%" },
{ icon: Shield, label: "Years Experience", value: "9+" },
{ icon: CheckCircle, label: "Certified Technicians", value: "12+" }
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<FeatureHoverPattern
title="Our Services"
description="Comprehensive detailing solutions tailored to preserve and enhance your vehicle's beauty and value."
tag="Premium Services"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
icon: Droplets,
title: "Exterior Detail", description: "Complete washing, clay treatment, wax application, and protective sealant for lasting shine and paint protection."
},
{
icon: Sofa,
title: "Interior Detailing", description: "Deep cleaning of upholstery, carpets, leather conditioning, and comprehensive cabin sanitization."
},
{
icon: Shield,
title: "Ceramic Coating", description: "Professional-grade ceramic coating providing superior paint protection and hydrophobic properties for months."
},
{
icon: Gauge,
title: "Wheel & Tire Care", description: "Expert wheel cleaning, tire dressing, and brake dust removal for that showroom finish on every detail."
},
{
icon: Sun,
title: "Paint Correction", description: "Advanced polishing techniques to remove swirls, scratches, and oxidation restoring factory depth and gloss."
},
{
icon: Sparkles,
title: "Premium Packages", description: "Customized packages combining multiple services for comprehensive vehicle transformation and maintenance."
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Explore Services", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
title="Why Choose Astana Detailing"
description="Industry-leading expertise and commitment to automotive excellence."
tag="Why Us"
tagIcon={Trophy}
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "15+", title: "Professional Detailers", items: [
"Certified training and expertise", "Continuous skill development", "Passion for automotive perfection", "Customer-focused approach"
]
},
{
id: "2", value: "100%", title: "Quality Guarantee", items: [
"Premium products only", "Meticulous attention to detail", "State-of-the-art equipment", "Satisfaction or re-service promise"
]
},
{
id: "3", value: "$2M+", title: "Invested in Equipment", items: [
"Latest detailing technology", "Professional-grade tools", "Advanced cleaning systems", "Protective coating systems"
]
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "Schedule Consultation", href: "#contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Client Testimonials"
description="Hear from satisfied customers who trust Astana Detailing with their most valued vehicles."
tag="Reviews"
testimonials={[
{
id: "1", name: "Marcus Thompson, CEO of LuxeAuto Holdings", date: "Date: 15 November 2024", title: "Absolutely Transformed Our Fleet", quote: "Astana Detailing exceeded our expectations. The attention to detail on our executive vehicles is unmatched. Our clients consistently compliment the pristine condition of our fleet. Highly recommend!", tag: "Corporate Fleet", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", avatarAlt: "professional business man portrait", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg?_wi=1", imageAlt: "car exterior washing professional detail"
},
{
id: "2", name: "Elena Rossi, Owner of Premium Automotive Gallery", date: "Date: 22 October 2024", title: "My Go-To Detailer for Showroom Preparation", quote: "Working with Astana Detailing has been transformative for my business. Every vehicle they detail looks absolutely showroom-ready. Their professionalism and results are incomparable.", tag: "Automotive Dealer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg", avatarAlt: "professional woman business portrait", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193562.jpg", imageAlt: "ceramic coating application protection"
},
{
id: "3", name: "David Chen, Collector of Luxury Vehicles", date: "Date: 8 September 2024", title: "The Best in the Business for Collector Cars", quote: "As a serious collector, I trust only the best. Astana Detailing understands the value and care required for high-end vehicles. My collection has never looked better.", tag: "Collector", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-leaning-cafe-counter_1262-1969.jpg", avatarAlt: "professional man business portrait", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg", imageAlt: "wheel rim cleaning detail polish"
},
{
id: "4", name: "Sophia Williams, Luxury Travel Concierge", date: "Date: 31 August 2024", title: "Premium Service Matching Premium Vehicles", quote: "We refer all our executive clients to Astana Detailing. The consistency, quality, and professionalism are outstanding. They treat every vehicle like it's their own.", tag: "Concierge Service", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213506.jpg", avatarAlt: "professional woman headshot corporate", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358965.jpg", imageAlt: "car interior detailing cleaning vacuum"
},
{
id: "5", name: "James Patterson, Race Team Manager", date: "Date: 18 July 2024", title: "Professional Grade Detailing for Competition", quote: "For race day preparation, we need perfection. Astana Detailing delivers. Their precision detailing ensures our vehicles look as good as they perform on track.", tag: "Motorsports", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", avatarAlt: "professional business man portrait", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22321.jpg?_wi=2", imageAlt: "luxury car detailing wash shine"
},
{
id: "6", name: "Nicole Anderson, Luxury Hotel Manager", date: "Date: 5 July 2024", title: "VIP Guest Transportation Excellence", quote: "Our VIP vehicle fleet is maintained exclusively by Astana Detailing. Guest feedback on vehicle condition is always exceptional. They're an extension of our premium brand.", tag: "Hospitality", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg", avatarAlt: "professional woman business portrait", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg?_wi=2", imageAlt: "car exterior washing professional detail"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
title="Trusted by Luxury Automotive Brands"
description="Premium dealerships and collectors worldwide choose Astana Detailing for their most valuable vehicles."
tag="Global Partnerships"
tagIcon={Globe}
tagAnimation="slide-up"
names={["Audi", "Mercedes-Benz", "BMW", "Porsche", "Tesla", "Rolls-Royce", "Lamborghini", "Ferrari"]}
logos={[
"http://img.b2bpic.net/free-vector/car-logo-set-four_23-2147740219.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1289-105.jpg", "http://img.b2bpic.net/free-vector/engine-logos-pack_23-2147564454.jpg", "http://img.b2bpic.net/free-vector/set-four-car-logos-retro-style_23-2147610790.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147749958.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730872.jpg", "http://img.b2bpic.net/free-vector/gradient-car-service-logo-design_23-2149697765.jpg", "http://img.b2bpic.net/free-psd/albania-badge-banner_187299-41465.jpg"
]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our detailing services and processes."
faqs={[
{
id: "1", title: "How often should I detail my vehicle?", content: "We recommend detailing every 3-6 months for daily drivers, and every 2-3 months for luxury or frequently-driven vehicles. The frequency depends on driving conditions, weather, and your desired level of protection."
},
{
id: "2", title: "What is ceramic coating and how long does it last?", content: "Ceramic coating is a professional-grade protective layer applied to your vehicle's paint. It provides exceptional protection against UV rays, contaminants, and water spots. Quality ceramic coatings last 2-5 years depending on maintenance and environmental factors."
},
{
id: "3", title: "Can you remove swirl marks and scratches?", content: "Yes! Our paint correction service uses advanced polishing techniques to remove light to moderate swirl marks, scratches, and oxidation. We assess your vehicle's paint depth and condition to determine the best approach for optimal results."
},
{
id: "4", title: "Is your detailing service available for all vehicle types?", content: "Absolutely. We service all vehicle types including sedans, SUVs, trucks, sports cars, exotic vehicles, and classic cars. Each vehicle receives customized attention based on its specific paint type and condition."
},
{
id: "5", title: "What products do you use?", content: "We exclusively use premium automotive-grade products from industry-leading manufacturers. All products are pH-balanced, safe for various paint types, and designed for professional results without damaging your vehicle's surfaces."
},
{
id: "6", title: "How long does a typical detailing appointment take?", content: "Timeframes vary based on service type: Exterior detail (2-4 hours), Interior detail (2-3 hours), Ceramic coating (4-6 hours), or Full detail packages (6-8 hours). Our team will provide an accurate estimate during consultation."
}
]}
faqsAnimation="slide-up"
textPosition="left"
useInvertedBackground={false}
animationType="smooth"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Transform Your Vehicle?"
tagIcon={Phone}
tagAnimation="slide-up"
title="Schedule Your Premium Detailing Appointment Today"
description="Contact Astana Detailing to book your service. Our team is ready to discuss your vehicle's specific needs and create the perfect detailing plan."
buttons={[
{ text: "Book Appointment", href: "tel:+1-555-0123" },
{ text: "Get Quote", href: "mailto:info@astanadetailing.com" }
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/car-mechanic-choosing-color-car_1303-28142.jpg"
imageAlt="Astana Detailing Professional Workshop"
logoText="Astana Detailing"
copyrightText="© 2024 Astana Detailing. All rights reserved. Premium automotive detailing since 2015."
columns={[
{
title: "Services", items: [
{ label: "Exterior Detail", href: "#services" },
{ label: "Interior Detailing", href: "#services" },
{ label: "Ceramic Coating", href: "#services" },
{ label: "Paint Correction", href: "#services" }
]
},
{
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#about" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "Contact Us", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Warranty Information", href: "#" },
{ label: "FAQ", href: "#faq" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}