Merge version_4 into main #6
@@ -11,8 +11,18 @@ 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 = () => {
|
||||
// Simulate geolocation or pin drop functionality
|
||||
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 +61,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 +172,22 @@ 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"
|
||||
/>
|
||||
>
|
||||
<button
|
||||
onClick={handleDropPin}
|
||||
className="mt-4 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>
|
||||
</ContactSplitForm>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
|
||||
Reference in New Issue
Block a user