16 Commits

Author SHA1 Message Date
0bbf3abbd5 Merge version_4 into main
Merge version_4 into main
2026-03-07 11:26:44 +00:00
10d3f422fa Update src/app/layout.tsx 2026-03-07 11:26:39 +00:00
1cedce3db8 Merge version_3 into main
Merge version_3 into main
2026-03-07 10:59:24 +00:00
4743e1287b Update src/app/page.tsx 2026-03-07 10:59:20 +00:00
3ffd828346 Merge version_3 into main
Merge version_3 into main
2026-03-07 10:58:32 +00:00
fb5f59edcf Update src/app/page.tsx 2026-03-07 10:58:28 +00:00
03ea86da37 Switch to version 2: modified src/app/page.tsx 2026-03-07 10:56:58 +00:00
f875086926 Switch to version 2: modified src/app/layout.tsx 2026-03-07 10:56:57 +00:00
9c35965073 Switch to version 1: modified src/app/page.tsx 2026-03-07 10:56:49 +00:00
437feb6538 Switch to version 1: modified src/app/layout.tsx 2026-03-07 10:56:48 +00:00
ba6a36c777 Merge version_2 into main
Merge version_2 into main
2026-03-07 09:58:14 +00:00
ffea915d8a Update src/app/page.tsx 2026-03-07 09:58:10 +00:00
890942916c Update src/app/layout.tsx 2026-03-07 09:58:09 +00:00
14a098987b Merge version_1 into main
Merge version_1 into main
2026-03-07 09:52:32 +00:00
42d06284ee Merge version_1 into main
Merge version_1 into main
2026-03-07 09:51:21 +00:00
584ceae586 Merge version_1 into main
Merge version_1 into main
2026-03-07 09:50:07 +00:00
2 changed files with 34 additions and 509 deletions

View File

@@ -1,80 +1,32 @@
import type { Metadata } from "next"; import type { Metadata } from 'next';
import { Halant } from "next/font/google"; import { Geist, Geist_Mono } from 'next/font/google';
import { Inter } from "next/font/google"; import './globals.css';
import { Manrope } from "next/font/google";
import { DM_Sans } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const geist = Geist({
variable: "--font-halant", variable: '--font-geist-sans',
subsets: ["latin"], subsets: ['latin'],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const geistMono = Geist_Mono({
variable: "--font-inter", variable: '--font-geist-mono',
subsets: ["latin"], subsets: ['latin'],
});
const manrope = Manrope({
variable: "--font-manrope",
subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "California Golden Detailers | Luxury Mobile Auto Detailing Los Angeles", title: 'Create Next App',
description: "Premium mobile auto detailing for luxury vehicles in Los Angeles. Rolls-Royce, Lamborghini, Ferrari, Mercedes-Benz. Expert ceramic coating, paint correction, interior/exterior detailing.", description: 'Generated by create next app',
keywords: "luxury auto detailing, mobile detailing Los Angeles, Rolls-Royce detailing, ceramic coating, luxury car care, premium vehicle detailing",
metadataBase: new URL("https://californiagoldendetailers.com"),
alternates: {
canonical: "https://californiagoldendetailers.com",
},
openGraph: {
title: "California Golden Detailers | Luxury Auto Detailing",
description: "Experience premium mobile detailing for the world's most exclusive vehicles.",
url: "https://californiagoldendetailers.com",
siteName: "California Golden Detailers",
type: "website",
images: [
{
url: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg",
alt: "California Golden Detailers - Luxury Auto Detailing",
},
],
},
twitter: {
card: "summary_large_image",
title: "California Golden Detailers | Premium Auto Detailing",
description: "Luxury mobile detailing for exclusive vehicles in Los Angeles.",
images: ["http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg"],
},
robots: {
index: true,
follow: true,
},
}; };
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={`${geist.variable} ${geistMono.variable}`}>
<body {children}
className={`${halant.variable} ${inter.variable} ${manrope.variable} ${dmSans.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1442,7 +1394,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

View File

@@ -1,450 +1,24 @@
"use client"; 'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import React from 'react';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Star, Award, Clock, ChevronRight, Heart } from "lucide-react";
export default function HomePage() { export default function Home() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="mediumLarge" contentWidth="medium"
sizing="largeSmallSizeMediumTitles" sizing="medium"
background="noiseDiagonalGradient" background="none"
cardStyle="soft-shadow" cardStyle="solid"
primaryButtonStyle="flat" primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="glass"
headingFontWeight="light" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <main>
<NavbarStyleFullscreen </main>
brandName="California Golden Detailers"
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
bottomLeftText="Los Angeles, CA"
bottomRightText="Book Your Appointment"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Excellence in Luxury Auto Detailing"
description="Experience premium mobile detailing services for the world's most exclusive vehicles. We specialize in Rolls-Royce, Lamborghini, Ferrari, and other high-end luxury automobiles."
tag="Los Angeles Premium Service"
background={{ variant: "glowing-orb" }}
imageSrc="http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=1"
imageAlt="Pristine Rolls-Royce luxury vehicle"
mediaAnimation="slide-up"
imagePosition="right"
useInvertedBackground={false}
testimonials={[
{
name: "Marcus Richardson",
handle: "Rolls-Royce Owner",
testimonial: "The attention to detail is extraordinary. My Phantom has never looked better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg?_wi=1",
},
{
name: "Jennifer Walsh",
handle: "Ferrari Collector",
testimonial: "Professional, meticulous, and they understand the value of exotic vehicles.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-looking-away-medium-shot_23-2148266204.jpg?_wi=1",
},
{
name: "David Chen",
handle: "Mercedes-Benz Enthusiast",
testimonial: "Exceptional service with premium results. Highly recommended for discerning owners.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=1",
},
]}
buttons={[
{ text: "Book Appointment", href: "/services" },
{ text: "View Services", href: "/services" },
]}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
title="Our Track Record"
description="Serving Los Angeles and surrounding areas with unparalleled luxury automotive detailing expertise"
metrics={[
{
id: "1",
value: "500+",
title: "Luxury Vehicles",
description: "Premium cars detailed and maintained",
icon: Sparkles,
},
{
id: "2",
value: "98%",
title: "Satisfaction Rate",
description: "Client approval and repeat bookings",
icon: Star,
},
{
id: "3",
value: "10+",
title: "Years Experience",
description: "Premium automotive care expertise",
icon: Award,
},
{
id: "4",
value: "24/7",
title: "Mobile Service",
description: "Convenient appointments at your location",
icon: Clock,
},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentySix
title="Premium Service Categories"
description="Comprehensive detailing solutions for every luxury vehicle requirement"
features={[
{
title: "Interior Detailing",
description: "Deep cleaning and restoration of leather, suede, and premium upholstery",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434364.jpg?_wi=1",
imageAlt: "Luxury car interior detailing",
buttonIcon: ChevronRight,
buttonHref: "/services",
},
{
title: "Exterior Detailing",
description: "Professional washing, waxing, and protective treatments for flawless finishes",
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-11954.jpg?_wi=1",
imageAlt: "Exterior auto detailing",
buttonIcon: ChevronRight,
buttonHref: "/services",
},
{
title: "Paint Correction",
description: "Expert restoration of paint clarity through advanced correction techniques",
imageSrc: "http://img.b2bpic.net/free-photo/car-painter-preparing-car-painting-workshop_342744-797.jpg?_wi=1",
imageAlt: "Paint correction service",
buttonIcon: ChevronRight,
buttonHref: "/services",
},
{
title: "Ceramic Coating",
description: "Premium protective coatings that preserve your vehicle's showroom appearance",
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg?_wi=1",
imageAlt: "Ceramic coating application",
buttonIcon: ChevronRight,
buttonHref: "/services",
},
{
title: "Mobile Detailing",
description: "Complete service convenience - we come to your location, on your schedule",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=2",
imageAlt: "Mobile detailing service",
buttonIcon: ChevronRight,
buttonHref: "/services",
},
{
title: "Full Detail Package",
description: "Complete interior and exterior treatment for comprehensive vehicle restoration",
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg?_wi=1",
imageAlt: "Full detail package results",
buttonIcon: ChevronRight,
buttonHref: "/services",
},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardTwo
title="Featured Projects"
description="Showcasing our expertise with the world's most prestigious luxury vehicles"
products={[
{
id: "1",
brand: "Rolls-Royce",
name: "Phantom Pearl Detail",
price: "Premium Finish",
rating: 5,
reviewCount: "Flawless",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=3",
imageAlt: "Rolls-Royce Phantom detail",
},
{
id: "2",
brand: "Ferrari",
name: "F8 Tributo Restoration",
price: "Show Ready",
rating: 5,
reviewCount: "Perfect",
imageSrc: "http://img.b2bpic.net/free-photo/back-dark-automobile-with-modern-rear-light_23-2147963030.jpg?_wi=1",
imageAlt: "Ferrari F8 Tributo",
},
{
id: "3",
brand: "Lamborghini",
name: "Revuelto Polish",
price: "Pristine",
rating: 5,
reviewCount: "Excellent",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-red-porsche-car-parked-near-buildings-blurry-background_181624-1778.jpg?_wi=1",
imageAlt: "Lamborghini Revuelto",
},
{
id: "4",
brand: "Mercedes-Benz",
name: "S-Class Elegance",
price: "Premium",
rating: 5,
reviewCount: "Superior",
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-car-with-brown-interior_181624-6097.jpg?_wi=1",
imageAlt: "Mercedes-Benz S-Class",
},
{
id: "5",
brand: "BMW",
name: "M760 Luxury Detail",
price: "Refined",
rating: 5,
reviewCount: "Outstanding",
imageSrc: "http://img.b2bpic.net/free-photo/auto-steering-wheel-light-switch-control-paddle_23-2147963060.jpg?_wi=1",
imageAlt: "BMW M760",
},
{
id: "6",
brand: "Mercedes-AMG",
name: "G 63 Perfection",
price: "Premium",
rating: 5,
reviewCount: "Flawless",
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth_181624-46344.jpg?_wi=1",
imageAlt: "Mercedes-AMG G-Wagon",
},
{
id: "7",
brand: "Porsche",
name: "911 Turbo S",
price: "Excellence",
rating: 5,
reviewCount: "Perfect",
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26060.jpg?_wi=1",
imageAlt: "Porsche 911 Turbo S",
},
{
id: "8",
brand: "Bugatti",
name: "Chiron Hypercar",
price: "Legendary",
rating: 5,
reviewCount: "Masterpiece",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=4",
imageAlt: "Bugatti Chiron",
},
]}
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Trusted by luxury vehicle owners and collectors throughout Los Angeles and Orange County"
cardTag="Premium Client Satisfaction"
cardTagIcon={Heart}
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Marcus Richardson",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-car-keys-medium-shot_23-2148266238.jpg?_wi=2",
imageAlt: "Marcus Richardson",
},
{
id: "2",
name: "Jennifer Walsh",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-looking-away-medium-shot_23-2148266204.jpg?_wi=2",
imageAlt: "Jennifer Walsh",
},
{
id: "3",
name: "David Chen",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=2",
imageAlt: "David Chen",
},
{
id: "4",
name: "Alexandra Horne",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-talking-phone-by-his-car_1303-23040.jpg?_wi=1",
imageAlt: "Alexandra Horne",
},
{
id: "5",
name: "Michael Sterling",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-businessman-car_23-2147873894.jpg?_wi=1",
imageAlt: "Michael Sterling",
},
{
id: "6",
name: "Sophie Laurent",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-salon_1303-28466.jpg?_wi=1",
imageAlt: "Sophie Laurent",
},
]}
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
title="Trusted by Luxury Automotive Enthusiasts"
description="We service and maintain vehicles from the world's most prestigious brands"
names={[
"Rolls-Royce",
"Ferrari",
"Lamborghini",
"Mercedes-Benz",
"BMW",
"Porsche",
"Aston Martin",
"Bentley",
]}
textboxLayout="default"
useInvertedBackground={true}
showCard={true}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
title="Frequently Asked Questions"
description="Everything you need to know about our premium detailing services"
faqs={[
{
id: "1",
title: "What vehicles do you service?",
content: "We specialize in luxury and exotic vehicles including Rolls-Royce, Lamborghini, Ferrari, Mercedes-Benz, BMW, Porsche, Aston Martin, and Bugatti. We also service all other vehicle types with our expert care standards.",
},
{
id: "2",
title: "What is included in the Full Detail Package?",
content: "Our Full Detail Package includes comprehensive interior cleaning (leather conditioning, carpet shampooing, air vent detailing), exterior washing, clay bar treatment, paint correction, wax application, and tire/wheel detailing.",
},
{
id: "3",
title: "Is ceramic coating worth the investment?",
content: "Yes. Our professional ceramic coating provides 2-5 years of protection, reducing paint oxidation, water spots, and contamination. It maintains your vehicle's resale value and reduces maintenance costs significantly.",
},
{
id: "4",
title: "How often should I detail my vehicle?",
content: "We recommend detailing every 3-6 months depending on usage and environmental conditions. Los Angeles weather, salt air, and UV exposure require more frequent maintenance for luxury vehicles.",
},
{
id: "5",
title: "Do you offer eco-friendly products?",
content: "Yes. We exclusively use premium, biodegradable detailing products that are safe for your vehicle and the environment, without compromising on results or performance.",
},
{
id: "6",
title: "What areas do you service?",
content: "We provide mobile detailing throughout Los Angeles, Orange County, and surrounding areas. Our team comes to your location for maximum convenience.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11791.jpg?_wi=1"
imageAlt="Professional detailing facility"
mediaAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
faqsAnimation="slide-up"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Newsletter"
title="Get Premium Tips & Exclusive Offers"
description="Join our community of luxury vehicle owners and receive expert detailing tips, seasonal promotions, and exclusive service offerings delivered to your inbox."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg?_wi=5"
imageAlt="Luxury automotive newsletter signup"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Your email address"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe at any time. No spam, only premium content."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11791.jpg?_wi=2"
imageAlt="California Golden Detailers facility"
logoText="California Golden Detailers"
copyrightText="© 2025 California Golden Detailers. All rights reserved."
columns={[
{
title: "Services",
items: [
{ label: "Interior Detailing", href: "/services" },
{ label: "Exterior Detailing", href: "/services" },
{ label: "Paint Correction", href: "/services" },
{ label: "Ceramic Coating", href: "/services" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Gallery", href: "/gallery" },
{ label: "Service Areas", href: "/services" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Support",
items: [
{ label: "Book Appointment", href: "/services" },
{ label: "Reviews", href: "/services" },
{ label: "FAQ", href: "#faq" },
{ label: "Contact Us", href: "/contact" },
],
},
]}
/>
</div>
</ThemeProvider> </ThemeProvider>
); );
} }