Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -11,7 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { AlertCircle, Award, CalendarDays, CheckCircle, Clock, Facebook, History, Instagram, Key, Shield, ShieldCheck, ThumbsUp, Truck, Twitter, Wrench, Zap } from "lucide-react";
|
||||
import { AlertCircle, Award, Battery, CalendarDays, CheckCircle, Clock, Facebook, History, Instagram, Key, Shield, ShieldCheck, ThumbsUp, Truck, Twitter, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Towing"
|
||||
/>
|
||||
@@ -54,43 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="30 Years of Trusted Roadside Assistance"
|
||||
description="Professional towing, recovery, and roadside services delivered with precision. We pride ourselves on timely, safe, and efficient service 24/7."
|
||||
tag="Trusted for 3 Decades"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Assistance",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
{ text: "Request Assistance", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:5550199" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg?_wi=1",
|
||||
imageAlt: "Professional towing truck service vehicle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mechanic-checking-truck-outdoors_23-2149426544.jpg",
|
||||
imageAlt: "Modern roadside assistance vehicle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489778.jpg",
|
||||
imageAlt: "Professional truck driver on duty",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-looking-inside-truck-side-view_23-2149426537.jpg",
|
||||
imageAlt: "Maintenance checks on heavy duty tow truck",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-against-dump-truck-with-hammer-adjustable-wrench-hand_627829-11393.jpg",
|
||||
imageAlt: "Skilled worker with professional equipment",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg", imageAlt: "Professional towing truck service vehicle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-mechanic-checking-truck-outdoors_23-2149426544.jpg", imageAlt: "Modern roadside assistance vehicle" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,7 +67,7 @@ export default function LandingPage() {
|
||||
title="Experience Matters"
|
||||
description="Established three decades ago, our company has evolved into a premier towing leader. We combine modern equipment with a highly trained team to handle your vehicle with the utmost care, ensuring minimal stress during difficult roadside situations."
|
||||
tag="Our Legacy"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-paramedics-is-coming-out-ambulance-responding-emergency-call_657921-1451.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-paramedics-is-coming-out-ambulance-responding-emergency-call_657921-1451.jpg"
|
||||
imageAlt="Our professional towing team"
|
||||
tagIcon={History}
|
||||
/>
|
||||
@@ -118,80 +80,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Emergency Towing",
|
||||
description: "Immediate dispatch available anytime.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10659.jpg",
|
||||
imageAlt: "Emergency towing service",
|
||||
},
|
||||
title: "24/7 Emergency Towing", description: "Immediate dispatch available anytime.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road_1150-10659.jpg", imageAlt: "Emergency towing service" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure handling",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Rapid response",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Insured",
|
||||
},
|
||||
{ icon: Shield, text: "Secure handling" },
|
||||
{ icon: Clock, text: "Rapid response" },
|
||||
{ icon: CheckCircle, text: "Insured" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg?_wi=2",
|
||||
imageAlt: "professional tow truck service vehicle",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Accident Recovery",
|
||||
description: "Safe recovery after incidents.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248837.jpg",
|
||||
imageAlt: "Safe accident recovery",
|
||||
},
|
||||
title: "Accident Recovery", description: "Safe recovery after incidents.", media: { imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-with-van-wagon-car_23-2150248837.jpg", imageAlt: "Safe accident recovery" },
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Professional gear",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Safe process",
|
||||
},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
text: "Traffic control",
|
||||
},
|
||||
{ icon: Wrench, text: "Professional gear" },
|
||||
{ icon: ShieldCheck, text: "Safe process" },
|
||||
{ icon: AlertCircle, text: "Traffic control" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-paramedics-is-coming-out-ambulance-responding-emergency-call_657921-1451.jpg?_wi=2",
|
||||
imageAlt: "professional tow truck service vehicle",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Lockouts & Jumpstarts",
|
||||
description: "Basic roadside needs solved fast.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-car-garage-with-tools_1157-46539.jpg",
|
||||
imageAlt: "Roadside jumpstart service",
|
||||
},
|
||||
title: "Lockouts & Jumpstarts", description: "Basic roadside needs solved fast.", media: { imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-car-garage-with-tools_1157-46539.jpg", imageAlt: "Roadside jumpstart service" },
|
||||
items: [
|
||||
{
|
||||
icon: Battery,
|
||||
text: "Fast start",
|
||||
},
|
||||
{
|
||||
icon: Key,
|
||||
text: "Safe entry",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Quick fix",
|
||||
},
|
||||
{ icon: Battery, text: "Fast start" },
|
||||
{ icon: Key, text: "Safe entry" },
|
||||
{ icon: Zap, text: "Quick fix" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car-man-changing-tire_23-2148270689.jpg?_wi=1",
|
||||
imageAlt: "professional tow truck service vehicle",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Specialized Towing Services"
|
||||
description="From light-duty passenger vehicles to heavy-duty recovery, we manage every scenario with professional grade equipment."
|
||||
@@ -205,34 +119,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30+",
|
||||
title: "Years Experience",
|
||||
description: "Decades of expertise",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Vehicles Towed",
|
||||
description: "Local vehicles saved",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Operation Hours",
|
||||
description: "Always there for you",
|
||||
icon: CalendarDays,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Verified client reviews",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{ id: "m1", value: "30+", title: "Years Experience", description: "Decades of expertise", icon: Award },
|
||||
{ id: "m2", value: "10k+", title: "Vehicles Towed", description: "Local vehicles saved", icon: Truck },
|
||||
{ id: "m3", value: "24/7", title: "Operation Hours", description: "Always there for you", icon: CalendarDays },
|
||||
{ id: "m4", value: "99%", title: "Satisfaction Rate", description: "Verified client reviews", icon: ThumbsUp },
|
||||
]}
|
||||
title="Performance by the Numbers"
|
||||
description="Our long-standing success is defined by these core milestones."
|
||||
@@ -244,28 +134,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you insured?",
|
||||
content: "Yes, we are fully insured and licensed.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer heavy duty?",
|
||||
content: "Yes, we handle all vehicle weights.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long until you arrive?",
|
||||
content: "Usually within 30-45 minutes.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major cards.",
|
||||
},
|
||||
{ id: "f1", title: "Are you insured?", content: "Yes, we are fully insured and licensed." },
|
||||
{ id: "f2", title: "Do you offer heavy duty?", content: "Yes, we handle all vehicle weights." },
|
||||
{ id: "f3", title: "How long until you arrive?", content: "Usually within 30-45 minutes." },
|
||||
{ id: "f4", title: "What payment methods do you accept?", content: "We accept all major cards." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-car-man-changing-tire_23-2148270689.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sitting-car-man-changing-tire_23-2148270689.jpg"
|
||||
title="Common Questions"
|
||||
description="Here is what you need to know about our service protocols."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -279,46 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@john",
|
||||
testimonial: "Fastest tow I've ever experienced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-talking-phone_23-2149426478.jpg",
|
||||
imageAlt: "Side view man talking on phone",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@jane",
|
||||
testimonial: "Professional and very helpful crew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg?_wi=3",
|
||||
imageAlt: "Side view man talking on phone",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Brown",
|
||||
handle: "@sam",
|
||||
testimonial: "Saved my day after the breakdown.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-paramedics-is-coming-out-ambulance-responding-emergency-call_657921-1451.jpg?_wi=3",
|
||||
imageAlt: "Side view man talking on phone",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna White",
|
||||
handle: "@anna",
|
||||
testimonial: "Great service at a fair price.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car-man-changing-tire_23-2148270689.jpg?_wi=3",
|
||||
imageAlt: "Side view man talking on phone",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bob Green",
|
||||
handle: "@bob",
|
||||
testimonial: "Reliable experts I trust.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worried-customer-talking-mobile-phone-while-mechanic-examining-car-background_1170-1271.jpg?_wi=1",
|
||||
imageAlt: "Side view man talking on phone",
|
||||
},
|
||||
{ id: "1", name: "John Doe", handle: "@john", testimonial: "Fastest tow I've ever experienced.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-talking-phone_23-2149426478.jpg", imageAlt: "Side view man talking on phone" },
|
||||
{ id: "2", name: "Jane Smith", handle: "@jane", testimonial: "Professional and very helpful crew.", imageSrc: "http://img.b2bpic.net/free-photo/driver-checks-goods-man-uniform-truck-garage_1157-46543.jpg", imageAlt: "Side view man talking on phone" },
|
||||
{ id: "3", name: "Sam Brown", handle: "@sam", testimonial: "Saved my day after the breakdown.", imageSrc: "http://img.b2bpic.net/free-photo/team-paramedics-is-coming-out-ambulance-responding-emergency-call_657921-1451.jpg", imageAlt: "Side view man talking on phone" },
|
||||
{ id: "4", name: "Anna White", handle: "@anna", testimonial: "Great service at a fair price.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-car-man-changing-tire_23-2148270689.jpg", imageAlt: "Side view man talking on phone" },
|
||||
{ id: "5", name: "Bob Green", handle: "@bob", testimonial: "Reliable experts I trust.", imageSrc: "http://img.b2bpic.net/free-photo/worried-customer-talking-mobile-phone-while-mechanic-examining-car-background_1170-1271.jpg", imageAlt: "Side view man talking on phone" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by local residents and business owners for decades."
|
||||
@@ -331,22 +170,11 @@ export default function LandingPage() {
|
||||
title="Get Immediate Assistance"
|
||||
description="Call us or send a request below for dispatch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Service location & details",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worried-customer-talking-mobile-phone-while-mechanic-examining-car-background_1170-1271.jpg?_wi=2"
|
||||
textarea={{ name: "details", placeholder: "Service location & details" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worried-customer-talking-mobile-phone-while-mechanic-examining-car-background_1170-1271.jpg"
|
||||
imageAlt="Our dispatch team contact info"
|
||||
/>
|
||||
</div>
|
||||
@@ -356,21 +184,9 @@ export default function LandingPage() {
|
||||
logoText="Elite Towing"
|
||||
copyrightText="© 2024 Elite Towing - 30 Years of Excellence"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user