diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d7503bb..fe0cdea 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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>
   );
 }
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>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 7b77128..9ec5af2 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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);
