From 3f2e952d14d8418c0e341e7be73bcdebcc336f85 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 04:24:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 57 ++++++++++++++++++++++++++----------------------
 1 file changed, 31 insertions(+), 26 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7900489..4a888c8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>