Merge version_3 into main #2
158
src/app/page.tsx
158
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Car, Shield, Star, Wrench } from "lucide-react";
|
||||
import { Car, Shield, Star, Wrench, Clock, Brush, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,32 +32,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Quote", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Quote", id: "contact" },
|
||||
]}
|
||||
brandName="949 Auto Detailing"
|
||||
button={{
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="949 Auto Detailing"
|
||||
description="Rancho Santa Margarita’s premium mobile detailing service delivering showroom-level results at your doorstep."
|
||||
description="Rancho Santa Margarita’s premier mobile detailing service. 5.0-star rated service delivering professional auto paint restoration and meticulous care at your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:9495550123"},
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{ text: "Call Now", href: "tel:9495550123" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779602196743-j3guma2g.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -70,21 +62,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "Local Rating", value: "5.0 Stars", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "2", title: "Service Type", value: "Fully Mobile", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "3", title: "Specialty", value: "Ceramic Coated", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "4", title: "Technique", value: "Corrected Paint", icon: Wrench,
|
||||
},
|
||||
{ id: "1", title: "Customer Rating", value: "5.0 Stars", icon: Star },
|
||||
{ id: "2", title: "Review Count", value: "29 Reviews", icon: Shield },
|
||||
{ id: "3", title: "Availability", value: "Mon-Sun 8am-6pm", icon: Clock },
|
||||
{ id: "4", title: "Service Type", value: "Mobile Detail", icon: Car },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Professional standards for your vehicle."
|
||||
title="Trusted Excellence"
|
||||
description="Top-rated mobile detailing serving the Rancho Santa Margarita community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,15 +76,12 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Restoring Your Vehicle’s Glory"
|
||||
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."
|
||||
title="Detailing Driven by Quality"
|
||||
description="With a perfect 5.0 rating across 29 reviews, 949 Auto Detailing is your go-to for expert automotive care. We bring the shop to you, specializing in high-end paint preservation and deep cleaning."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "High-End Restoration", description: "Expert techniques for deep cleaning and refinement."},
|
||||
{
|
||||
title: "Premium Protection", description: "Advanced coatings that preserve your investment."},
|
||||
{
|
||||
title: "Convenient Service", description: "Professional mobile service at your home or office."},
|
||||
{ title: "Auto Paint Restoration", description: "Advanced techniques to rejuvenate your car's exterior.", icon: Sparkles },
|
||||
{ title: "Professional Handwashing", description: "Safe, scratch-free cleaning tailored to your vehicle.", icon: Brush },
|
||||
{ title: "Flexible Scheduling", description: "Serving you daily from 8:00 AM to 6:00 PM.", icon: Clock },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -112,15 +93,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "Auto Paint Restoration", description: "Deep polishing and swirl removal to bring back the original shine.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg" },
|
||||
{ title: "Handwash Detail", description: "Gentle, thorough hand washing techniques for a spotless finish.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg" },
|
||||
{ title: "Interior Deep Clean", description: "Steam cleaning, vacuuming, and conditioning for a like-new cabin.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-coffee-close-up_23-2149045701.jpg" },
|
||||
]}
|
||||
title="Our Signature Packages"
|
||||
description="Elite detailing services for every car enthusiast."
|
||||
title="Signature Services"
|
||||
description="Dedicated to providing showroom-quality results for your vehicle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,21 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "6", name: "Full Package", price: "$1599", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg"},
|
||||
{ id: "1", name: "Basic Exterior", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg" },
|
||||
{ id: "2", name: "Paint Restoration", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg" },
|
||||
{ id: "3", name: "Ceramic Coating", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clear-drops-surface_23-2148635082.jpg" },
|
||||
]}
|
||||
title="Elite Ceramic Coating"
|
||||
description="Long-term paint protection for California conditions."
|
||||
title="Choose Your Package"
|
||||
description="Premium tiers designed to suit your specific detailing needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -156,24 +125,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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: "1", name: "Customer", role: "5.0 Rating", company: "Verified Yelp Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207258.jpg" },
|
||||
{ id: "2", name: "Customer", role: "5.0 Rating", company: "Verified Yelp Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582397.jpg" },
|
||||
{ id: "3", name: "Customer", role: "5.0 Rating", company: "Verified Yelp Review", 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."
|
||||
title="What Our Customers Say"
|
||||
description="Join 29+ happy clients who trust us with their vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,14 +138,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
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: "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: "1", title: "What are your hours?", content: "We are open 8:00 AM to 6:00 PM every day to serve your detailing needs." },
|
||||
{ id: "2", title: "Is your service mobile?", content: "Yes, we are 100% mobile and come directly to your location." },
|
||||
{ id: "3", title: "Do you offer restoration?", content: "Yes, we specialize in auto paint restoration and protection." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideTitle="FAQs"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -196,15 +150,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "#"},
|
||||
]}
|
||||
title="Book Your Detail Now"
|
||||
description="Experience premium 5-star service. Schedule your appointment today."
|
||||
buttons={[{ text: "Get Quote", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -212,26 +162,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="949 Auto Detailing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Quote", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user