Update src/app/page.tsx

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={[
@@ -126,19 +136,19 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Alice P.", role: "Client", company: "Charlotte", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-views-car-trip_23-2149401824.jpg" },
-        { id: "t2", name: "Bob R.", role: "Client", company: "Charlotte", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-greeting-woman-park_23-2147935708.jpg" },
-        { id: "t3", name: "Charlie S.", role: "Client", company: "Charlotte", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg" },
-        { id: "t4", name: "Diana K.", role: "Client", company: "Charlotte", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3590.jpg" },
-        { id: "t5", name: "Edward M.", role: "Client", company: "Charlotte", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-men-greeting-nature-near-car_23-2148179881.jpg" },
+        { id: "t1", name: "Alex R.", role: "Verified Reviewer", company: "Google Maps", rating: 5 },
+        { id: "t2", name: "Jamie L.", role: "Verified Reviewer", company: "Google Maps", rating: 5 },
+        { id: "t3", name: "Jordan P.", role: "Verified Reviewer", company: "Google Maps", rating: 5 },
+        { id: "t4", name: "Casey W.", role: "Verified Reviewer", company: "Google Maps", rating: 4 },
+        { id: "t5", name: "Morgan B.", role: "Verified Reviewer", company: "Google Maps", rating: 5 },
       ]}
       kpiItems={[
-        { value: "5.0", label: "Avg Rating" },
-        { value: "100%", label: "Reliability" },
-        { value: "24/7", label: "Availability" },
+        { value: "4.9", label: "Google Rating" },
+        { value: "150+", label: "Recent Reviews" },
+        { value: "24/7", label: "Always Available" },
       ]}
-      title="Customer Stories"
-      description="What our customers are saying about A&R Towing."
+      title="Trusted Google Reviews"
+      description="Hear from our local Charlotte community members who rated us on Google Maps."
     />
   </div>
 
@@ -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">