Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -11,8 +11,17 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { useState } from 'react';
+import { MapPin } from 'lucide-react';
 
 export default function LandingPage() {
+  const [location, setLocation] = useState<string | null>(null);
+
+  const handleDropPin = () => {
+    alert("Pin dropped! Share this location with our driver.");
+    setLocation("Dropped Pin: 35.2271° N, 80.8431° W");
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -51,7 +60,8 @@ export default function LandingPage() {
         { name: "Linda W.", handle: "Driver", testimonial: "Super friendly team, made a stressful night much better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-interview_23-2149037956.jpg?_wi=1", imageAlt: "towing truck emergency highway night" },
         { name: "David K.", handle: "Commuter", testimonial: "Highly recommend, they arrived exactly when they said they would.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5498.jpg?_wi=1", imageAlt: "towing truck emergency highway night" },
       ]}
-      buttons={[{ text: "Call Now for Immediate Service", href: "tel:+17045550123" }]}
+      buttons={[{ text: "Call Now for Immediate Service", href: "tel:+17045550123" }]
+      }
       imageSrc="http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10669.jpg?_wi=2"
       imageAlt="A&R Towing truck on service in Charlotte"
       avatars={[
@@ -161,14 +171,23 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={false}
       title="Need Immediate Help?"
-      description="Contact us now for quick dispatch or service inquiries."
+      description="Contact us now for quick dispatch or service inquiries. Use the button below to drop your pin for our drivers."
       inputs={[
         { name: "name", type: "text", placeholder: "Your Name", required: true },
         { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
       ]}
-      textarea={{ name: "message", placeholder: "Describe your location and vehicle issue", required: true }}
+      textarea={{ name: "message", placeholder: location || "Describe your location and vehicle issue", required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/angry-young-call-center-girl-wearing-headset-sitting-desk-pointing-isolated-orange_141793-76389.jpg"
     />
+    <div className="mt-4">
+        <button 
+            onClick={handleDropPin}
+            className="flex items-center gap-2 bg-primary text-white py-2 px-4 rounded-full font-medium transition-all hover:scale-105 active:scale-95"
+        >
+            <MapPin size={20} />
+            Drop My Exact Location
+        </button>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #1f7cff;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #000612e6;
-  --accent: #3f5c79;
-  --background-accent: #004a93;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);