Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0f96f80f0a |
207
src/app/page.tsx
207
src/app/page.tsx
@@ -33,48 +33,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Quote",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Quote", id: "contact"},
|
||||
]}
|
||||
brandName="949 Auto Detailing"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="949 Auto Detailing"
|
||||
description="Rancho Santa Margarita’s premium mobile detailing service delivering showroom-level results at your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:9495550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:9495550123"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779602196743-j3guma2g.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -86,28 +71,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Local Rating",
|
||||
value: "5.0 Stars",
|
||||
icon: Star,
|
||||
id: "1", title: "Local Rating", value: "5.0 Stars", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Service Type",
|
||||
value: "Fully Mobile",
|
||||
icon: Car,
|
||||
id: "2", title: "Service Type", value: "Fully Mobile", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Specialty",
|
||||
value: "Ceramic Coated",
|
||||
icon: Shield,
|
||||
id: "3", title: "Specialty", value: "Ceramic Coated", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Technique",
|
||||
value: "Corrected Paint",
|
||||
icon: Wrench,
|
||||
id: "4", title: "Technique", value: "Corrected Paint", icon: Wrench,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -123,17 +96,11 @@ export default function LandingPage() {
|
||||
description="Founded in 2023, 949 Auto Detailing LLC is a premium mobile detailing company based in Rancho Santa Margarita. We specialize in high-end automotive restoration and protection, ensuring every vehicle gets the showroom treatment it deserves."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "High-End Restoration",
|
||||
description: "Expert techniques for deep cleaning and refinement.",
|
||||
},
|
||||
title: "High-End Restoration", description: "Expert techniques for deep cleaning and refinement."},
|
||||
{
|
||||
title: "Premium Protection",
|
||||
description: "Advanced coatings that preserve your investment.",
|
||||
},
|
||||
title: "Premium Protection", description: "Advanced coatings that preserve your investment."},
|
||||
{
|
||||
title: "Convenient Service",
|
||||
description: "Professional mobile service at your home or office.",
|
||||
},
|
||||
title: "Convenient Service", description: "Professional mobile service at your home or office."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -146,20 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Exterior Detail",
|
||||
description: "Foam bath, trim restoration, and gloss finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car-job_23-2149385695.jpg",
|
||||
},
|
||||
title: "Exterior Detail", description: "Foam bath, trim restoration, and gloss finish.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car-job_23-2149385695.jpg"},
|
||||
{
|
||||
title: "Interior Restoration",
|
||||
description: "Deep vacuuming, steam cleaning, and leather conditioning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-coffee-close-up_23-2149045701.jpg",
|
||||
},
|
||||
title: "Interior Restoration", description: "Deep vacuuming, steam cleaning, and leather conditioning.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-coffee-close-up_23-2149045701.jpg"},
|
||||
{
|
||||
title: "Paint Correction",
|
||||
description: "Swirl removal and deep machine polishing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg",
|
||||
},
|
||||
title: "Paint Correction", description: "Swirl removal and deep machine polishing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg"},
|
||||
]}
|
||||
title="Our Signature Packages"
|
||||
description="Elite detailing services for every car enthusiast."
|
||||
@@ -174,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ceramic Basic",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clear-drops-surface_23-2148635082.jpg",
|
||||
},
|
||||
id: "1", name: "Ceramic Basic", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clear-drops-surface_23-2148635082.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ceramic Pro",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rain-drops-grey-metallic-wall_23-2148722060.jpg",
|
||||
},
|
||||
id: "2", name: "Ceramic Pro", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/rain-drops-grey-metallic-wall_23-2148722060.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ceramic Ultra",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extremely-close-up-anti-bacterial-clean-gel_23-2148758769.jpg",
|
||||
},
|
||||
id: "3", name: "Ceramic Ultra", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/extremely-close-up-anti-bacterial-clean-gel_23-2148758769.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Glass Coating",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg",
|
||||
},
|
||||
id: "4", name: "Glass Coating", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wheel Guard",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593858.jpg",
|
||||
},
|
||||
id: "5", name: "Wheel Guard", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593858.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Full Package",
|
||||
price: "$1599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
|
||||
},
|
||||
id: "6", name: "Full Package", price: "$1599", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg"},
|
||||
]}
|
||||
title="Elite Ceramic Coating"
|
||||
description="Long-term paint protection for California conditions."
|
||||
@@ -223,45 +157,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Tesla Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207258.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Client", company: "Tesla Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207258.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "BMW Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582397.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Client", company: "BMW Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582397.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Client",
|
||||
company: "Porsche Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-silk-beige-dress-orange-oversized-blazer-green-positive-emotions-smile_343596-6539.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Client", company: "Porsche Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-silk-beige-dress-orange-oversized-blazer-green-positive-emotions-smile_343596-6539.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
company: "Audi Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Client", company: "Audi Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
role: "Client",
|
||||
company: "Mercedes Owner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg",
|
||||
},
|
||||
id: "5", name: "Jane Smith", role: "Client", company: "Mercedes Owner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg"},
|
||||
]}
|
||||
title="Client Transformations"
|
||||
description="Real results from real car owners."
|
||||
@@ -273,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you come to my home?",
|
||||
content: "Yes, we are fully mobile and come to your home or office.",
|
||||
},
|
||||
id: "1", title: "Do you come to my home?", content: "Yes, we are fully mobile and come to your home or office."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does ceramic coating last?",
|
||||
content: "Our coatings provide protection for 2 to 5 years depending on the package.",
|
||||
},
|
||||
id: "2", title: "How long does ceramic coating last?", content: "Our coatings provide protection for 2 to 5 years depending on the package."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you serve all of OC?",
|
||||
content: "Yes, we cover all of Orange County with our premium mobile service.",
|
||||
},
|
||||
id: "3", title: "Do you serve all of OC?", content: "Yes, we cover all of Orange County with our premium mobile service."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -297,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Get Started?"
|
||||
description="Get a free quote for your vehicle restoration today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get My Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get My Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,29 +213,19 @@ export default function LandingPage() {
|
||||
logoText="949 Auto Detailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -347,4 +234,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user