Merge version_2 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,50 +32,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
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="Mike's Auto Detailing"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Orlando's Premier Mobile Auto Detailing."
|
||||
description="Experience the ultimate level of car care. We bring professional detailing to your driveway, ensuring your vehicle looks factory-fresh every time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book My Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book My Detail", href: "#contact"},
|
||||
{
|
||||
text: "View Our Results",
|
||||
href: "#testimonials",
|
||||
},
|
||||
text: "View Our Results", href: "#testimonials"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg"
|
||||
imageAlt="Luxurious detailed car"
|
||||
@@ -102,37 +85,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Exterior Care",
|
||||
title: "Full Exterior Restoration",
|
||||
items: [
|
||||
"Hand wash and foam treatment",
|
||||
"Paint decontamination",
|
||||
"Premium wax & sealant application",
|
||||
"Wheel & tire deep clean",
|
||||
],
|
||||
id: "f1", label: "Exterior Care", title: "Full Exterior Restoration", items: [
|
||||
"Hand wash and foam treatment", "Paint decontamination", "Premium wax & sealant application", "Wheel & tire deep clean"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Interior Care",
|
||||
title: "Deep Interior Detail",
|
||||
items: [
|
||||
"Steam cleaning upholstery",
|
||||
"Leather conditioning & cleaning",
|
||||
"Dashboard & console sanitation",
|
||||
"Odor removal treatment",
|
||||
],
|
||||
id: "f2", label: "Interior Care", title: "Deep Interior Detail", items: [
|
||||
"Steam cleaning upholstery", "Leather conditioning & cleaning", "Dashboard & console sanitation", "Odor removal treatment"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Premium Pkg",
|
||||
title: "The Total Concierge",
|
||||
items: [
|
||||
"Complete interior & exterior detail",
|
||||
"Ceramic paint coating application",
|
||||
"Engine bay detail",
|
||||
"Headlight restoration",
|
||||
],
|
||||
id: "f3", label: "Premium Pkg", title: "The Total Concierge", items: [
|
||||
"Complete interior & exterior detail", "Ceramic paint coating application", "Engine bay detail", "Headlight restoration"],
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -147,41 +109,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$149",
|
||||
subtitle: "Maintenance Care",
|
||||
features: [
|
||||
"Interior vacuum",
|
||||
"Exterior hand wash",
|
||||
"Tire shine",
|
||||
"Window cleaning",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$149", subtitle: "Maintenance Care", features: [
|
||||
"Interior vacuum", "Exterior hand wash", "Tire shine", "Window cleaning"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$249",
|
||||
subtitle: "Showroom Shine",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Steam cleaning",
|
||||
"Leather treatment",
|
||||
"Paint wax sealant",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$249", subtitle: "Showroom Shine", features: [
|
||||
"Everything in Basic", "Steam cleaning", "Leather treatment", "Paint wax sealant"],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
badge: "Elite",
|
||||
price: "$399",
|
||||
subtitle: "Total Restoration",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"Engine bay clean",
|
||||
"Ceramic sealant",
|
||||
"Odour treatment",
|
||||
"Headlight restore",
|
||||
],
|
||||
id: "ultimate", badge: "Elite", price: "$399", subtitle: "Total Restoration", features: [
|
||||
"Everything in Pro", "Engine bay clean", "Ceramic sealant", "Odour treatment", "Headlight restore"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -193,50 +130,16 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Quality You Can Trust"
|
||||
description="Hear from our valued clients who experience our professional mobile service firsthand."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing Results!",
|
||||
quote: "Mike did an incredible job on my truck, looked brand new. Super professional and on time.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Truck Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20892.jpg",
|
||||
},
|
||||
id: "1", title: "Unmatched Professionalism", quote: "Mike brings the shop to you with unmatched quality. My paint looks like a mirror.", name: "Sarah Johnson", role: "Luxury Vehicle Owner", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-delivering-bouquet-beautiful-flowers_1303-20892.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best in the City!",
|
||||
quote: "Best detailing in Orlando hands down. My car hasn't looked this clean since I bought it.",
|
||||
name: "Michael Chen",
|
||||
role: "Sedan Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
|
||||
},
|
||||
id: "2", title: "Detail Oriented", quote: "The attention to detail is incredible. I've used many services, but Mike is the only one who actually cleans the console cracks.", name: "Michael Chen", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "The Real Deal",
|
||||
quote: "Mike is the real deal. Attention to detail is insane, worth every penny.",
|
||||
name: "David Smith",
|
||||
role: "Car Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Absolutely Stunning",
|
||||
quote: "Showed up on time, finished early, and my car looked absolutely stunning. Will never go anywhere else.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "SUV Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Punctual & Perfect",
|
||||
quote: "Incredible communication and truly professional. The finish on the paint is better than the dealership.",
|
||||
name: "James Wilson",
|
||||
role: "Luxury Vehicle Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
id: "3", title: "Punctual Service", quote: "Showed up right on time, extremely professional, and finished perfectly. Highly recommended.", name: "David Smith", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-football-game_23-2149015525.jpg"}
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of satisfied car enthusiasts across Orlando."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -246,62 +149,45 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you need water or power?",
|
||||
content: "Nope! We are fully mobile. We bring our own professional-grade equipment, including water tanks and power supply.",
|
||||
},
|
||||
id: "q1", title: "Are you fully mobile?", content: "Yes, we bring everything required to your location, including water and power, making service seamless."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a detail take?",
|
||||
content: "Depending on the package, typically between 2 to 4 hours.",
|
||||
},
|
||||
id: "q2", title: "How do I book?", content: "Simply use the booking button on our contact section, and we will reach out to confirm your slot."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do I need to be present?",
|
||||
content: "Not at all. As long as you have keys access and the car is in an accessible area, we can handle it.",
|
||||
},
|
||||
id: "q3", title: "Do you offer ceramic coating?", content: "Absolutely, our Elite package includes premium ceramic sealant application for long-term paint protection."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you service all of Orlando?",
|
||||
content: "Yes, we proudly serve all major Orlando neighborhoods and surrounding areas.",
|
||||
},
|
||||
id: "q4", title: "Can you clean interior upholstery?", content: "Yes, we use professional steam cleaning and extraction methods to revitalize your interior upholstery."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our mobile detailing services."
|
||||
title="Commonly Asked Questions"
|
||||
description="We're here to make sure you have all the information you need before your next detail."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Ready to Detail?"
|
||||
title="Get Your Free Quote"
|
||||
description="Ready to experience the best detail of your life? Contact Mike's today and secure your spot in our schedule."
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Book Now"
|
||||
title="Ready for a Showroom Shine?"
|
||||
description="Book your mobile detailing service today and let our professionals handle the rest."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abandoned-house-interior-with-barrels_23-2149454786.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
buttonText="Book My Appointment"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Mike's Auto Detailing"
|
||||
copyrightText="© 2025 Mike's Auto Detailing. All Rights Reserved."
|
||||
copyrightText="© 2025 Mike's Auto Detailing. Excellence in Every Detail."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #f0f0f0;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #efebe5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user