Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -18,31 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="A&R Towing"
|
||||
/>
|
||||
@@ -53,76 +45,21 @@ export default function LandingPage() {
|
||||
title="Fast, Reliable Towing in Charlotte, NC"
|
||||
description="We're here when you need us most—emergency towing, roadside assistance, and accident recovery available daily until midnight. Professional drivers, clear communication, trusted by hundreds of local customers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "Motorist",
|
||||
testimonial: "Fast response time when I had a flat tire!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10669.jpg?_wi=1",
|
||||
imageAlt: "towing truck emergency highway night",
|
||||
},
|
||||
{
|
||||
name: "Sarah M.",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Professional and courteous drivers every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roadside-assistance-worker-repairing-woman-vehicle-street_651396-2018.jpg?_wi=1",
|
||||
imageAlt: "towing truck emergency highway night",
|
||||
},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "Local Resident",
|
||||
testimonial: "The only company I trust for my motorcycle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-insurance-service-flat-style-thematic-infographics-concept_126523-1563.jpg?_wi=1",
|
||||
imageAlt: "towing truck emergency highway night",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ name: "John D.", handle: "Motorist", testimonial: "Fast response time when I had a flat tire!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10669.jpg", imageAlt: "towing truck emergency highway night" },
|
||||
{ name: "Sarah M.", handle: "Business Owner", testimonial: "Professional and courteous drivers every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/roadside-assistance-worker-repairing-woman-vehicle-street_651396-2018.jpg", imageAlt: "towing truck emergency highway night" },
|
||||
{ name: "Mike B.", handle: "Local Resident", testimonial: "The only company I trust for my motorcycle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/car-insurance-service-flat-style-thematic-infographics-concept_126523-1563.jpg", imageAlt: "towing truck emergency highway night" },
|
||||
{ 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", 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", imageAlt: "towing truck emergency highway night" },
|
||||
]}
|
||||
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"
|
||||
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"
|
||||
imageAlt="A&R Towing truck on service in Charlotte"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-car_273609-14193.jpg",
|
||||
alt: "Man talking on the phone next to car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-cycling-outdoors-with-his-bike_23-2149748601.jpg",
|
||||
alt: "Man cycling outdoors with his bike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-people-with-pizza_23-2149437541.jpg",
|
||||
alt: "Full shot people with pizza",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-wheel-wrench_23-2148270637.jpg",
|
||||
alt: "Medium shot of man with wheel wrench",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-emergency-mechanic-repairing-woman-car-street_651396-3250.jpg",
|
||||
alt: "Cheerful emergency mechanic repairing woman car on the street",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-talking-phone-car_273609-14193.jpg", alt: "Man talking on the phone next to car" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-cycling-outdoors-with-his-bike_23-2149748601.jpg", alt: "Man cycling outdoors with his bike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-people-with-pizza_23-2149437541.jpg", alt: "Full shot people with pizza" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-wheel-wrench_23-2148270637.jpg", alt: "Medium shot of man with wheel wrench" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-emergency-mechanic-repairing-woman-car-street_651396-3250.jpg", alt: "Cheerful emergency mechanic repairing woman car on the street" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
/>
|
||||
@@ -135,40 +72,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Emergency Towing",
|
||||
description: "24/7 support for breakdown and accident recovery.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/car-insurance-service-flat-style-thematic-infographics-concept_126523-1563.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-53977.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10669.jpg?_wi=3",
|
||||
imageAlt: "emergency vehicle towing service icon",
|
||||
title: "Emergency Towing", description: "24/7 support for breakdown and accident recovery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/car-insurance-service-flat-style-thematic-infographics-concept_126523-1563.jpg", imageAlt: "emergency vehicle towing service icon" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/construction_24908-53977.jpg", imageAlt: "emergency vehicle towing service icon" }
|
||||
},
|
||||
{
|
||||
title: "Property Management",
|
||||
description: "Reliable, compliant private property towing services.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-interview_23-2149037956.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-talking-phone_23-2149426478.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roadside-assistance-worker-repairing-woman-vehicle-street_651396-2018.jpg?_wi=2",
|
||||
imageAlt: "emergency vehicle towing service icon",
|
||||
title: "Property Management", description: "Reliable, compliant private property towing services.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-interview_23-2149037956.jpg", imageAlt: "emergency vehicle towing service icon" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-talking-phone_23-2149426478.jpg", imageAlt: "emergency vehicle towing service icon" }
|
||||
},
|
||||
{
|
||||
title: "Roadside Assistance",
|
||||
description: "Lockouts, jumpstarts, and tire changes at your location.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5498.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-transporter-breakdown-lorry-working-using-locked-belt-transport-other-green-car_1150-6453.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21194.jpg?_wi=1",
|
||||
imageAlt: "emergency vehicle towing service icon",
|
||||
title: "Roadside Assistance", description: "Lockouts, jumpstarts, and tire changes at your location.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5498.jpg", imageAlt: "emergency vehicle towing service icon" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-transporter-breakdown-lorry-working-using-locked-belt-transport-other-green-car_1150-6453.jpg", imageAlt: "emergency vehicle towing service icon" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -182,7 +95,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Charlotte Since 2010"
|
||||
description="A&R Towing is dedicated to providing fast, professional, and transparent service. Our team is fully licensed, insured, and committed to getting you back on the road safely."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roadside-assistance-worker-repairing-woman-vehicle-street_651396-2018.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roadside-assistance-worker-repairing-woman-vehicle-street_651396-2018.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,25 +106,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
description: "Serving the local community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21194.jpg?_wi=2",
|
||||
id: "m1", value: "12+", title: "Years Experience", description: "Serving the local community.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21194.jpg"
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45m",
|
||||
title: "Avg. ETA",
|
||||
description: "Fast response times.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-men-discussing-outdoors_23-2149426492.jpg",
|
||||
id: "m2", value: "45m", title: "Avg. ETA", description: "Fast response times.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-men-discussing-outdoors_23-2149426492.jpg"
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
description: "Trusted referral partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-paramedic-filling-document_23-2149478454.jpg",
|
||||
id: "m3", value: "500+", title: "Happy Clients", description: "Trusted referral partner.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-paramedic-filling-document_23-2149478454.jpg"
|
||||
},
|
||||
]}
|
||||
title="Service Excellence"
|
||||
@@ -225,60 +126,16 @@ 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: "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" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Reliability",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
{ value: "5.0", label: "Avg Rating" },
|
||||
{ value: "100%", label: "Reliability" },
|
||||
{ value: "24/7", label: "Availability" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="What our customers are saying about A&R Towing."
|
||||
@@ -290,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We serve the entire Charlotte metro area and surrounding communities.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open daily until midnight, including weekends.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer private property towing?",
|
||||
content: "Yes, we provide compliant services for property managers and business owners.",
|
||||
},
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We serve the entire Charlotte metro area and surrounding communities." },
|
||||
{ id: "q2", title: "Are you open on weekends?", content: "Yes, we are open daily until midnight, including weekends." },
|
||||
{ id: "q3", title: "Do you offer private property towing?", content: "Yes, we provide compliant services for property managers and business owners." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our towing services."
|
||||
@@ -318,24 +163,10 @@ export default function LandingPage() {
|
||||
title="Need Immediate Help?"
|
||||
description="Contact us now for quick dispatch or service inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ 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: "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>
|
||||
@@ -345,33 +176,16 @@ export default function LandingPage() {
|
||||
logoText="A&R Towing"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -380,4 +194,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user