Merge version_1 into main #2
271
src/app/page.tsx
271
src/app/page.tsx
@@ -33,98 +33,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TurboAutoShine"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Professional Mobile Car Detailing"
|
||||
description="Driven by Passion - Glossed to Perfection. We bring the shine directly to your doorstep with expert interior and exterior care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Pricing", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CT0OGffS0GMYYoFrQI94uX0ubp/uploaded-1776394240953-ydgt8fp0.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CT0OGffS0GMYYoFrQI94uX0ubp/uploaded-1776394240953-ydgt8fp0.png"
|
||||
imageAlt="TurboAutoShine Mobile Detailing Service"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/feeling-proudsmiling-positively-with-thumbs-up_1194-400242.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/feeling-proudsmiling-positively-with-thumbs-up_1194-400242.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-fashion-clothes-washing-car-car-wash-station-using-washcloth_1157-49590.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-fashion-clothes-washing-car-car-wash-station-using-washcloth_1157-49590.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21775.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21775.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by over 1,200 local car enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Products",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-Friendly Products", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fully Mobile Service",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Fully Mobile Service", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Equipment",
|
||||
icon: Wrench,
|
||||
type: "text-icon", text: "Professional Equipment", icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Satisfaction",
|
||||
icon: Smile,
|
||||
type: "text-icon", text: "100% Satisfaction", icon: Smile,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same-Day Booking",
|
||||
icon: Calendar,
|
||||
type: "text-icon", text: "Same-Day Booking", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -137,19 +102,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Vehicles Detailed",
|
||||
value: "1,200+",
|
||||
},
|
||||
label: "Vehicles Detailed", value: "1,200+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "On-Time Arrival",
|
||||
value: "99%",
|
||||
},
|
||||
label: "On-Time Arrival", value: "99%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Customer Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
label: "Customer Rating", value: "4.9/5"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -162,55 +121,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Detailing",
|
||||
description: "Deep cleaning, upholstery shampooing, and leather conditioning to refresh your cabin environment.",
|
||||
icon: Car,
|
||||
title: "Interior Detailing", description: "Deep cleaning, upholstery shampooing, and leather conditioning to refresh your cabin environment.", icon: Car,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg",
|
||||
imageAlt: "Interior detailing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194099.jpg", imageAlt: "Interior detailing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
|
||||
imageAlt: "Car interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", imageAlt: "Car interior"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CT0OGffS0GMYYoFrQI94uX0ubp/uploaded-1776394240953-ydgt8fp0.png?_wi=2",
|
||||
imageAlt: "interior car detailing vacuuming",
|
||||
},
|
||||
{
|
||||
title: "Headlight Restoration",
|
||||
description: "Clear up cloudy, yellowed lenses to restore maximum brightness and road visibility.",
|
||||
icon: Zap,
|
||||
title: "Headlight Restoration", description: "Clear up cloudy, yellowed lenses to restore maximum brightness and road visibility.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-white-auto_23-2147963050.jpg",
|
||||
imageAlt: "Restoration process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-headlight-white-auto_23-2147963050.jpg", imageAlt: "Restoration process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car_158538-8144.jpg",
|
||||
imageAlt: "Clean headlight",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car_158538-8144.jpg", imageAlt: "Clean headlight"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-cleaning-company-logos_23-2148471421.jpg",
|
||||
imageAlt: "interior car detailing vacuuming",
|
||||
},
|
||||
{
|
||||
title: "Exterior Polish & Wax",
|
||||
description: "Professional hand wash followed by high-grade wax application for ultimate paint protection.",
|
||||
icon: Shield,
|
||||
title: "Exterior Polish & Wax", description: "Professional hand wash followed by high-grade wax application for ultimate paint protection.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-spraying-powder-paint_23-2149714339.jpg",
|
||||
imageAlt: "Waxing process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-spraying-powder-paint_23-2149714339.jpg", imageAlt: "Waxing process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-gun-paint-car-shop_23-2149750071.jpg",
|
||||
imageAlt: "Shiny exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-gun-paint-car-shop_23-2149750071.jpg", imageAlt: "Shiny exterior"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping_1048-4532.jpg",
|
||||
imageAlt: "interior car detailing vacuuming",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -225,40 +160,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$149",
|
||||
subtitle: "Perfect for maintenance",
|
||||
features: [
|
||||
"Full Hand Wash",
|
||||
"Interior Vacuum",
|
||||
"Dashboard Wipe",
|
||||
"Glass Cleaning",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$149", subtitle: "Perfect for maintenance", features: [
|
||||
"Full Hand Wash", "Interior Vacuum", "Dashboard Wipe", "Glass Cleaning"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Recommended",
|
||||
price: "$249",
|
||||
subtitle: "Comprehensive detail",
|
||||
features: [
|
||||
"Essential Package",
|
||||
"Upholstery Shampoo",
|
||||
"Leather Conditioning",
|
||||
"Wax Application",
|
||||
],
|
||||
id: "pro", badge: "Recommended", price: "$249", subtitle: "Comprehensive detail", features: [
|
||||
"Essential Package", "Upholstery Shampoo", "Leather Conditioning", "Wax Application"],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
badge: "Ultimate",
|
||||
price: "$399",
|
||||
subtitle: "Total showroom finish",
|
||||
features: [
|
||||
"Pro Package",
|
||||
"Headlight Restoration",
|
||||
"Engine Bay Clean",
|
||||
"Ceramic Sealant",
|
||||
],
|
||||
id: "ultra", badge: "Ultimate", price: "$399", subtitle: "Total showroom finish", features: [
|
||||
"Pro Package", "Headlight Restoration", "Engine Bay Clean", "Ceramic Sealant"],
|
||||
},
|
||||
]}
|
||||
title="Detailing Packages"
|
||||
@@ -272,45 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Shine!",
|
||||
quote: "My car looks better than the day I bought it.",
|
||||
name: "Mark S.",
|
||||
role: "Sedan Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-car-service-ordering-new-lights-system-damaged-vehicle-using-tablet-worker-client-looking-online-components-replace-old-ones-malfunctioning-automobile_482257-73065.jpg",
|
||||
},
|
||||
id: "1", title: "Incredible Shine!", quote: "My car looks better than the day I bought it.", name: "Mark S.", role: "Sedan Owner", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-car-service-ordering-new-lights-system-damaged-vehicle-using-tablet-worker-client-looking-online-components-replace-old-ones-malfunctioning-automobile_482257-73065.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Saved me so much time",
|
||||
quote: "Convenient, professional, and thorough.",
|
||||
name: "Lisa K.",
|
||||
role: "Busy Mom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-selling-pre-owned-vehicles-client-after-assessing-condition_482257-118504.jpg",
|
||||
},
|
||||
id: "2", title: "Saved me so much time", quote: "Convenient, professional, and thorough.", name: "Lisa K.", role: "Busy Mom", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-selling-pre-owned-vehicles-client-after-assessing-condition_482257-118504.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Headlights like new",
|
||||
quote: "The headlight restoration was phenomenal.",
|
||||
name: "James R.",
|
||||
role: "Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-man-charging-his-electric-car-city-eco-electric-car-concept_1157-51349.jpg",
|
||||
},
|
||||
id: "3", title: "Headlights like new", quote: "The headlight restoration was phenomenal.", name: "James R.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-man-charging-his-electric-car-city-eco-electric-car-concept_1157-51349.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best in the business",
|
||||
quote: "Reliable and great attention to detail.",
|
||||
name: "Sarah P.",
|
||||
role: "SUV Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-sucessful-business-woman-speak-by-phone-near-her-car-wash-service-car_496169-320.jpg",
|
||||
},
|
||||
id: "4", title: "Best in the business", quote: "Reliable and great attention to detail.", name: "Sarah P.", role: "SUV Driver", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sucessful-business-woman-speak-by-phone-near-her-car-wash-service-car_496169-320.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Five-star service",
|
||||
quote: "TurboAutoShine is the only team I trust.",
|
||||
name: "David W.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg",
|
||||
},
|
||||
id: "5", title: "Five-star service", quote: "TurboAutoShine is the only team I trust.", name: "David W.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Join hundreds of happy vehicle owners who trust us with their ride."
|
||||
@@ -322,14 +203,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Meguiar's",
|
||||
"Chemical Guys",
|
||||
"Turtle Wax",
|
||||
"3M",
|
||||
"Griot's Garage",
|
||||
"Sonax",
|
||||
"Adam's Polishes",
|
||||
]}
|
||||
"Meguiar's", "Chemical Guys", "Turtle Wax", "3M", "Griot's Garage", "Sonax", "Adam's Polishes"]}
|
||||
title="Trusted Partner Brands"
|
||||
description="We utilize top-tier products to ensure the best results."
|
||||
/>
|
||||
@@ -340,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to provide water/electricity?",
|
||||
content: "No, our vans are fully equipped with their own water supply and power generators.",
|
||||
},
|
||||
id: "1", title: "Do I need to provide water/electricity?", content: "No, our vans are fully equipped with their own water supply and power generators."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a detail take?",
|
||||
content: "Depending on the package, detailing typically takes between 2 to 5 hours.",
|
||||
},
|
||||
id: "2", title: "How long does a detail take?", content: "Depending on the package, detailing typically takes between 2 to 5 hours."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where do you provide service?",
|
||||
content: "We cover the entire metro area. Contact us with your zip code to confirm coverage.",
|
||||
},
|
||||
id: "3", title: "Where do you provide service?", content: "We cover the entire metro area. Contact us with your zip code to confirm coverage."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our mobile detailing process."
|
||||
@@ -365,8 +230,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Started"
|
||||
title="Ready for a Showroom Shine?"
|
||||
description="Book your mobile appointment today and experience professional car care."
|
||||
@@ -379,50 +243,31 @@ export default function LandingPage() {
|
||||
logoText="TurboAutoShine"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior Detailing",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Interior Detailing", href: "#features"},
|
||||
{
|
||||
label: "Headlight Restoration",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Headlight Restoration", href: "#features"},
|
||||
{
|
||||
label: "Exterior Care",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Exterior Care", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
title: "Contact Info", items: [
|
||||
{
|
||||
label: "turboautoshine@gmail.com",
|
||||
href: "mailto:turboautoshine@gmail.com",
|
||||
},
|
||||
label: "turboautoshine@gmail.com", href: "mailto:turboautoshine@gmail.com"},
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
label: "(555) 123-4567", href: "tel:5551234567"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user