Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 52f36ef53a | |||
| 8060d62ecc | |||
| 67dea73719 | |||
| b8151039fe | |||
| 064446cab8 | |||
| 711740fdab | |||
| 8b33c0f687 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Montserrat } from "next/font/google";
|
import { Montserrat } from "next/font/google";
|
||||||
|
|
||||||
@@ -39,7 +38,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
156
src/app/page.tsx
156
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
|||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
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() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -32,32 +32,24 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "Services", id: "services" },
|
||||||
{
|
{ name: "Reviews", id: "reviews" },
|
||||||
name: "Services", id: "services"},
|
{ name: "Quote", id: "contact" },
|
||||||
{
|
|
||||||
name: "Reviews", id: "reviews"},
|
|
||||||
{
|
|
||||||
name: "Quote", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="949 Auto Detailing"
|
brandName="949 Auto Detailing"
|
||||||
button={{
|
button={{ text: "Get Quote", href: "#contact" }}
|
||||||
text: "Get Quote", href: "#contact"}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
logoText="949 Auto Detailing"
|
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={[
|
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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779602196743-j3guma2g.png"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779602196743-j3guma2g.png"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -70,21 +62,13 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", title: "Customer Rating", value: "5.0 Stars", icon: Star },
|
||||||
id: "1", title: "Local 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 },
|
||||||
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,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us?"
|
title="Trusted Excellence"
|
||||||
description="Professional standards for your vehicle."
|
description="Top-rated mobile detailing serving the Rancho Santa Margarita community."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -92,15 +76,12 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Restoring Your Vehicle’s Glory"
|
title="Detailing Driven by Quality"
|
||||||
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."
|
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={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Auto Paint Restoration", description: "Advanced techniques to rejuvenate your car's exterior.", icon: Sparkles },
|
||||||
title: "High-End Restoration", description: "Expert techniques for deep cleaning and refinement."},
|
{ 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 },
|
||||||
title: "Premium Protection", description: "Advanced coatings that preserve your investment."},
|
|
||||||
{
|
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -112,15 +93,12 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Auto Paint Restoration", description: "Deep polishing and swirl removal to bring back the original shine.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779630598675-wkzl3nf0.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: "Handwash Detail", description: "Gentle, thorough hand washing techniques for a spotless finish.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779630598676-hv368tou.jpg" },
|
||||||
{
|
{ title: "Interior Deep Clean", description: "Steam cleaning, vacuuming, and conditioning for a like-new cabin.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E9sB1eVFFw7nCT4GkntUuKRCrq/uploaded-1779630598676-y1vndvry.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="Our Signature Packages"
|
title="Before and After Gallery"
|
||||||
description="Elite detailing services for every car enthusiast."
|
description="Dedicated to providing showroom-quality results for your vehicle."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -131,21 +109,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Basic Exterior", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg?_wi=2" },
|
||||||
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: "Paint Restoration", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194092.jpg?_wi=2" },
|
||||||
{
|
{ id: "3", name: "Ceramic Coating", price: "$599", 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"},
|
|
||||||
]}
|
]}
|
||||||
title="Elite Ceramic Coating"
|
title="Choose Your Package"
|
||||||
description="Long-term paint protection for California conditions."
|
description="Premium tiers designed to suit your specific detailing needs."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -156,24 +125,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ 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: "1", name: "Sarah Johnson", role: "Client", company: "Tesla Owner", rating: 5,
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207258.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" },
|
||||||
{
|
|
||||||
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"},
|
|
||||||
]}
|
]}
|
||||||
title="Client Transformations"
|
title="What Our Customers Say"
|
||||||
description="Real results from real car owners."
|
description="Join 29+ happy clients who trust us with their vehicles."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -181,14 +138,11 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ 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: "1", title: "Do you come to my home?", content: "Yes, we are fully mobile and come to your home or office."},
|
{ 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." },
|
||||||
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."},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Questions"
|
sideTitle="FAQs"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -196,15 +150,11 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="Ready to Get Started?"
|
title="Book Your Detail Now"
|
||||||
description="Get a free quote for your vehicle restoration today."
|
description="Experience premium 5-star service. Schedule your appointment today."
|
||||||
buttons={[
|
buttons={[{ text: "Get Quote", href: "#" }]}
|
||||||
{
|
|
||||||
text: "Get My Quote", href: "#"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -212,22 +162,8 @@ export default function LandingPage() {
|
|||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="949 Auto Detailing"
|
logoText="949 Auto Detailing"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||||
title: "Company", items: [
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Quote", href: "#contact" }] },
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
{
|
|
||||||
label: "Services", href: "#services"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support", items: [
|
|
||||||
{
|
|
||||||
label: "FAQ", href: "#faq"},
|
|
||||||
{
|
|
||||||
label: "Quote", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user