bender/b380f5fd-8cee-4ed0-864f-040840ddb0e2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #6

Merged
bender merged 3 commits from version_2 into main 2026-03-04 04:24:08 +00:00
Conversation 0 Commits 3 Files Changed 3 +54 -80
3 changed files with 54 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/app/layout.tsx
View File

@@ -1,54 +1,24 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Raleway } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import "./styles/variables.css";
import "./styles/base.css";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const raleway = Raleway({
variable: "--font-raleway", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Premium Auto Detailing in Lathrop, CA | LG Detail Care", description: "Professional car detailing services in Lathrop, CA. 5-star rated. Exterior detail, interior deep clean, paint protection & more. Book your appointment today.", keywords: "auto detailing Lathrop CA, car detailer, mobile detail, professional detailing, paint protection", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Premium Auto Detailing in Lathrop, CA | LG Detail Care", description: "5-star professional car detailing services. Showroom shine guaranteed. Serving Lathrop and surrounding areas.", siteName: "LG Detail Care", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", alt: "Premium auto detailing service"},
],
},
twitter: {
card: "summary_large_image", title: "Premium Auto Detailing in Lathrop, CA", description: "Professional car detailing with 5-star quality. Book now!", images: ["http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"],
},
title: "LG Detail Care - Premium Auto Detailing in Lathrop, CA", description: "Professional auto detailing services in Lathrop, CA. Exterior details, interior deep cleaning, ceramic coating, and paint protection. 5-star rated. Free estimates.", keywords: "auto detailing Lathrop CA, car detailing, auto detail service, ceramic coating, paint protection, interior cleaning, exterior detail", openGraph: {
title: "LG Detail Care - Premium Auto Detailing in Lathrop, CA", description: "Professional auto detailing services in Lathrop, CA. Premium results, professional service, fair pricing.", type: "website"},
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${raleway.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1416,7 +1386,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

57
src/app/page.tsx
View File

@@ -11,20 +11,21 @@ import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Sparkles, Phone, Calendar } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="shadow"
sizing="mediumLargeSizeLargeTitles"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
@@ -34,6 +35,8 @@ export default function LandingPage() {
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Reviews", id: "testimonials" },
{ name: "Why Us", id: "metrics" },
{ name: "Service Area", id: "service-area" },
{ name: "Contact", id: "contact" },
]}
/>
@@ -44,11 +47,11 @@ export default function LandingPage() {
logoText="LG Detail Care"
description="Restoring that showroom shine with precision and care. Premium auto detailing for Lathrop's most demanding vehicle owners."
buttons={[
{ text: "Book Now", href: "#contact" },
{ text: "Book Now", href: "contact" },
{ text: "Call Now", href: "tel:+1-555-0100" },
]}
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
imageSrc="/api/placeholder/1200/600?text=Auto+Detailing"
imageAlt="Premium auto detailing in progress"
frameStyle="card"
mediaAnimation="blur-reveal"
@@ -60,11 +63,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
heading={[
{ type: "text", content: "Driven by passion for" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg", alt: "Owner portrait" },
{ type: "image", src: "/api/placeholder/300/300?text=Owner", alt: "Owner portrait" },
{ type: "text", content: "automotive excellence" },
]}
useInvertedBackground={true}
buttons={[{ text: "Learn More", href: "#services" }]}
buttons={[{ text: "Learn More", href: "services" }]}
/>
</div>
@@ -73,6 +76,8 @@ export default function LandingPage() {
title="Premium Detailing Services"
description="Each service is tailored to restore your vehicle's pristine condition with professional-grade products and meticulous attention to detail."
tag="Services"
tagIcon={Sparkles}
tagAnimation="slide-up"
accordionItems={[
{ id: "1", title: "Exterior Detail", content: "Professional wash, clay bar treatment, wax application, and tire shine for a flawless exterior finish." },
{ id: "2", title: "Interior Deep Clean", content: "Vacuum, upholstery cleaning, leather conditioning, and odor elimination for a fresh interior." },
@@ -81,7 +86,7 @@ export default function LandingPage() {
{ id: "5", title: "Paint Protection", content: "Ceramic coating and paint sealant application for long-lasting protection and shine." },
{ id: "6", title: "Maintenance Details", content: "Regular upkeep services to maintain showroom appearance between full detailing sessions." },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg"
imageSrc="/api/placeholder/600/600?text=Detailing+Service"
imageAlt="Professional detailing service"
mediaAnimation="slide-up"
mediaPosition="left"
@@ -92,10 +97,10 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<ProductCardFour
products={[
{ id: "1", name: "Toyota Camry Transformation", price: "Complete Restoration", variant: "Exterior & Interior Detail", imageSrc: "http://img.b2bpic.net/free-photo/image-dirty-car-after-trip-off-road-stands-against-brick-wall-old-part-town_613910-6302.jpg", imageAlt: "Toyota before and after detailing" },
{ id: "2", name: "Honda CR-V Deep Clean", price: "Full Detail Service", variant: "Interior Focus", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Honda CR-V before and after" },
{ id: "3", name: "Ford Truck Showroom Shine", price: "Exterior & Paint Protection", variant: "Ceramic Coating Applied", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-choosing-car-show-room_1303-15180.jpg", imageAlt: "Ford truck transformation" },
{ id: "4", name: "BMW 3 Series Premium Detail", price: "Luxury Detail Package", variant: "Complete Restoration", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11856.jpg", imageAlt: "BMW luxury detail" },
{ id: "1", name: "Toyota Camry Transformation", price: "Complete Restoration", variant: "Exterior & Interior Detail", imageSrc: "/api/placeholder/500/500?text=Toyota+Before+After" },
{ id: "2", name: "Honda CR-V Deep Clean", price: "Full Detail Service", variant: "Interior Focus", imageSrc: "/api/placeholder/500/500?text=Honda+CRV+Detail" },
{ id: "3", name: "Ford Truck Showroom Shine", price: "Exterior & Paint Protection", variant: "Ceramic Coating Applied", imageSrc: "/api/placeholder/500/500?text=Ford+Truck+Shine" },
{ id: "4", name: "BMW 3 Series Premium Detail", price: "Luxury Detail Package", variant: "Complete Restoration", imageSrc: "/api/placeholder/500/500?text=BMW+Luxury+Detail" },
]}
title="Before & After Showcase"
description="See the dramatic transformation our professional detailing brings to vehicles in Lathrop."
@@ -112,12 +117,12 @@ export default function LandingPage() {
rating={5}
author="Sarah Johnson, Local Vehicle Owner"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Sarah Johnson" },
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Michael Chen" },
{ src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", alt: "Emily Rodriguez" },
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "David Kim" },
{ src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Jessica Lee" },
{ src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Marcus Thompson" },
{ src: "/api/placeholder/150/150?text=Avatar+1", alt: "Sarah Johnson" },
{ src: "/api/placeholder/150/150?text=Avatar+2", alt: "Michael Chen" },
{ src: "/api/placeholder/150/150?text=Avatar+3", alt: "Emily Rodriguez" },
{ src: "/api/placeholder/150/150?text=Avatar+4", alt: "David Kim" },
{ src: "/api/placeholder/150/150?text=Avatar+5", alt: "Jessica Lee" },
{ src: "/api/placeholder/150/150?text=Avatar+6", alt: "Marcus Thompson" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -144,9 +149,9 @@ export default function LandingPage() {
<div id="service-area" data-section="service-area">
<SocialProofOne
names={["Lathrop", "Manteca", "Stockton", "Tracy", "Ripon", "Escalon"]}
title="Proudly Serving Lathrop, CA & Surrounding Areas"
description="Professional auto detailing services for vehicle owners in Lathrop, Manteca, Stockton, Tracy, and nearby communities."
names={["Lathrop", "Manteca", "Stockton", "Tracy", "Ripon", "Escalon"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -166,7 +171,7 @@ export default function LandingPage() {
]}
textarea={{ name: "message", placeholder: "Preferred date and additional details...", rows: 4, required: false }}
useInvertedBackground={true}
imageSrc="http://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg"
imageSrc="/api/placeholder/600/600?text=Vehicle+Detailing"
imageAlt="Premium vehicle detailing result"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -179,8 +184,8 @@ export default function LandingPage() {
logoText="LG Detail Care"
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }] },
{ items: [{ label: "Reviews", href: "#testimonials" }, { label: "Service Area", href: "#service-area" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Call Us", href: "tel:+1-555-0100" }, { label: "Email", href: "mailto:info@lgdetailcare.com" }, { label: "Lathrop, CA", href: "#" }] },
{ items: [{ label: "Reviews", href: "#testimonials" }, { label: "Why Us", href: "#metrics" }, { label: "Service Area", href: "#service-area" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Call Us", href: "tel:+1-555-0100" }, { label: "Lathrop, CA", href: "#" }] },
]}
/>
</div>

28
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #000000;;;;;;
--card: #f9f9f9;;;;;;
--foreground: #000612e6;;;;;;
--primary-cta: #15479c;;;;;;
--secondary-cta: #f9f9f9;;;;;;
--accent: #e2e2e2;;;;;;
--background-accent: #c4c4c4;;;;;; */
/* --background: #0B0B0D;;;;;;
--card: #0A1A2F;;;;;;
--foreground: #FFFFFF;;;;;;
--primary-cta: #0A7FFF;;;;;;
--secondary-cta: #1a2a3a;;;;;;
--accent: #0A7FFF;;;;;;
--background-accent: #0A7FFF;;;;;; */
--background: #000000;;;;;;
--card: #f9f9f9;;;;;;
--foreground: #000612e6;;;;;;
--primary-cta: #15479c;;;;;;
--background: #0B0B0D;;;;;;
--card: #0A1A2F;;;;;;
--foreground: #FFFFFF;;;;;;
--primary-cta: #0A7FFF;;;;;;
--primary-cta-text: #ffffff;;;;;;
--secondary-cta: #f9f9f9;;;;;;
--secondary-cta: #1a2a3a;;;;;;
--secondary-cta-text: #000612e6;;;;;;
--accent: #e2e2e2;;;;;;
--background-accent: #c4c4c4;;;;;;
--accent: #0A7FFF;;;;;;
--background-accent: #0A7FFF;;;;;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);