Merge version_1 into main #1
280
src/app/page.tsx
280
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg"
|
||||
logoAlt="Tire Rescue Mobile Logo"
|
||||
@@ -66,42 +54,21 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Flat Tire? We Come To You!"
|
||||
description="Expert mobile tire changing, repair, and replacement services, right where you are. Fast, reliable, and hassle-free, 24/7."
|
||||
tag="Emergency Roadside Assistance"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+18001234567",
|
||||
},
|
||||
text: "Call Now", href: "tel:+18001234567"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg",
|
||||
imageAlt: "Mobile tire service van arriving at a customer's location",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg", imageAlt: "Mobile tire service van arriving at a customer's location"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg",
|
||||
imageAlt: "Mechanic changing a flat tire by the roadside",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg",
|
||||
imageAlt: "Mechanic working on car tire",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170022.jpg",
|
||||
imageAlt: "Mechanic fixing tire in auto shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairmen-tire-garage_23-2147897974.jpg",
|
||||
imageAlt: "Mechanic holding wheel tool",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg", imageAlt: "Mechanic changing a flat tire by the roadside"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -114,14 +81,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Trusted Mobile Tire Solution"
|
||||
description={[
|
||||
"At Tire Rescue Mobile, we understand that a flat tire can ruin your day. That's why we bring the tire shop to you, offering unparalleled convenience and professional service wherever you are.",
|
||||
"Our certified technicians handle everything from emergency tire changes to new tire installations, ensuring you're back on the road safely and swiftly. We prioritize your time and safety with every service call.",
|
||||
]}
|
||||
"At Tire Rescue Mobile, we understand that a flat tire can ruin your day. That's why we bring the tire shop to you, offering unparalleled convenience and professional service wherever you are.", "Our certified technicians handle everything from emergency tire changes to new tire installations, ensuring you're back on the road safely and swiftly. We prioritize your time and safety with every service call."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Why Choose Us?",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Why Choose Us?", href: "#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,37 +95,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Fast",
|
||||
title: "Emergency Flat Tire Repair",
|
||||
subtitle: "Immediate roadside assistance",
|
||||
description: "Got a flat? Our mobile units are dispatched quickly to repair or replace your tire on-site, minimizing your downtime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-work-clothes-yellow-hardhat-using-wrench-changing-car-wheel-outdoor_574295-2003.jpg",
|
||||
imageAlt: "Mechanic repairing a flat tire on the side of the road",
|
||||
},
|
||||
tag: "Fast", title: "Emergency Flat Tire Repair", subtitle: "Immediate roadside assistance", description: "Got a flat? Our mobile units are dispatched quickly to repair or replace your tire on-site, minimizing your downtime.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-work-clothes-yellow-hardhat-using-wrench-changing-car-wheel-outdoor_574295-2003.jpg", imageAlt: "Mechanic repairing a flat tire on the side of the road"},
|
||||
{
|
||||
tag: "New",
|
||||
title: "New Tire Sales & Installation",
|
||||
subtitle: "Brands you trust, delivered to you",
|
||||
description: "Choose from a wide selection of top tire brands. We'll deliver and install them right at your home or workplace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg",
|
||||
imageAlt: "New tires being installed on a vehicle",
|
||||
},
|
||||
tag: "New", title: "New Tire Sales & Installation", subtitle: "Brands you trust, delivered to you", description: "Choose from a wide selection of top tire brands. We'll deliver and install them right at your home or workplace.", imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg", imageAlt: "New tires being installed on a vehicle"},
|
||||
{
|
||||
tag: "Maintain",
|
||||
title: "Tire Rotation & Balancing",
|
||||
subtitle: "Extend tire life & improve safety",
|
||||
description: "Regular tire maintenance helps ensure even wear and a smoother ride, preventing premature tire failure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg",
|
||||
imageAlt: "Mechanic balancing a car tire",
|
||||
},
|
||||
tag: "Maintain", title: "Tire Rotation & Balancing", subtitle: "Extend tire life & improve safety", description: "Regular tire maintenance helps ensure even wear and a smoother ride, preventing premature tire failure.", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg", imageAlt: "Mechanic balancing a car tire"},
|
||||
{
|
||||
tag: "Seasonal",
|
||||
title: "Seasonal Tire Changeover",
|
||||
subtitle: "Ready for any weather",
|
||||
description: "Effortlessly switch between summer and winter tires. We store your off-season tires securely until you need them again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-blue-car_23-2149248923.jpg",
|
||||
imageAlt: "Changing seasonal tires on a car",
|
||||
},
|
||||
tag: "Seasonal", title: "Seasonal Tire Changeover", subtitle: "Ready for any weather", description: "Effortlessly switch between summer and winter tires. We store your off-season tires securely until you need them again.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-with-blue-car_23-2149248923.jpg", imageAlt: "Changing seasonal tires on a car"},
|
||||
]}
|
||||
title="Our Convenient Tire Services"
|
||||
description="We offer a full range of mobile tire solutions designed to get you back on the road with minimal hassle."
|
||||
@@ -174,27 +113,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "24/7",
|
||||
description: "Availability",
|
||||
},
|
||||
id: "metric-1", value: "24/7", description: "Availability"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "30 Min",
|
||||
description: "Avg. Response Time",
|
||||
},
|
||||
id: "metric-2", value: "30 Min", description: "Avg. Response Time"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "metric-3", value: "98%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "metric-4",
|
||||
value: "100+",
|
||||
description: "Service Areas",
|
||||
},
|
||||
id: "metric-4", value: "100+", description: "Service Areas"},
|
||||
]}
|
||||
title="Our Commitment to Service Excellence"
|
||||
description="See why customers trust Tire Rescue Mobile for their immediate tire needs."
|
||||
@@ -208,58 +136,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "flat-repair",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$59",
|
||||
subtitle: "Standard Flat Repair",
|
||||
buttons: [
|
||||
id: "flat-repair", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$59", subtitle: "Standard Flat Repair", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"On-site puncture repair",
|
||||
"Tire re-mount & balance",
|
||||
"Air pressure check",
|
||||
],
|
||||
"On-site puncture repair", "Tire re-mount & balance", "Air pressure check"],
|
||||
},
|
||||
{
|
||||
id: "new-install",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Star,
|
||||
price: "$79",
|
||||
subtitle: "New Tire Installation (per tire)",
|
||||
buttons: [
|
||||
id: "new-install", badge: "Best Value", badgeIcon: Star,
|
||||
price: "$79", subtitle: "New Tire Installation (per tire)", buttons: [
|
||||
{
|
||||
text: "Get New Tires",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get New Tires", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Tire delivery & installation",
|
||||
"Wheel balancing",
|
||||
"Old tire disposal",
|
||||
],
|
||||
"Tire delivery & installation", "Wheel balancing", "Old tire disposal"],
|
||||
},
|
||||
{
|
||||
id: "full-service",
|
||||
badge: "Complete Care",
|
||||
badgeIcon: Shield,
|
||||
price: "$129",
|
||||
subtitle: "Full Tire Service Package",
|
||||
buttons: [
|
||||
id: "full-service", badge: "Complete Care", badgeIcon: Shield,
|
||||
price: "$129", subtitle: "Full Tire Service Package", buttons: [
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Service", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Flat repair or new install",
|
||||
"Tire rotation",
|
||||
"Balancing & pressure check",
|
||||
],
|
||||
"Flat repair or new install", "Tire rotation", "Balancing & pressure check"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing for Every Service"
|
||||
@@ -272,14 +173,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AAA Roadside",
|
||||
"Local Auto Repair",
|
||||
"Fleet Management Solutions",
|
||||
"Delivery Express",
|
||||
"Rental Car Services",
|
||||
"Logistics Co.",
|
||||
"Mobile Mechanics United",
|
||||
]}
|
||||
"AAA Roadside", "Local Auto Repair", "Fleet Management Solutions", "Delivery Express", "Rental Car Services", "Logistics Co.", "Mobile Mechanics United"]}
|
||||
title="Trusted by Drivers & Businesses"
|
||||
description="Our reliable mobile tire services are chosen by a wide range of clients for convenience and professionalism."
|
||||
/>
|
||||
@@ -292,45 +186,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj_travels",
|
||||
testimonial: "Got a flat on my way to a client meeting. Tire Rescue Mobile came to my office parking lot and fixed it in no time! Absolutely a lifesaver.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-auto-repair-shop_637285-7540.jpg",
|
||||
imageAlt: "Portrait of Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj_travels", testimonial: "Got a flat on my way to a client meeting. Tire Rescue Mobile came to my office parking lot and fixed it in no time! Absolutely a lifesaver.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-auto-repair-shop_637285-7540.jpg", imageAlt: "Portrait of Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mike_rides",
|
||||
testimonial: "Needed new tires installed but couldn't get to a shop. They came to my home, installed them perfectly. Professional and super convenient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
|
||||
imageAlt: "Portrait of Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mike_rides", testimonial: "Needed new tires installed but couldn't get to a shop. They came to my home, installed them perfectly. Professional and super convenient.", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg", imageAlt: "Portrait of Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily.rod",
|
||||
testimonial: "My car had a slow leak and they quickly diagnosed and repaired it right in my driveway. Excellent service, highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-7684.jpg",
|
||||
imageAlt: "Portrait of Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emily.rod", testimonial: "My car had a slow leak and they quickly diagnosed and repaired it right in my driveway. Excellent service, highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-7684.jpg", imageAlt: "Portrait of Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk_drives",
|
||||
testimonial: "Stuck with a blowout on the highway. Called Tire Rescue Mobile and they were there faster than I expected. Great price too!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg",
|
||||
imageAlt: "Portrait of David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@davidk_drives", testimonial: "Stuck with a blowout on the highway. Called Tire Rescue Mobile and they were there faster than I expected. Great price too!", imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg", imageAlt: "Portrait of David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jesslee_adventures",
|
||||
testimonial: "Needed a seasonal tire change and they made it so easy. Booked online, they came to me, and I didn't waste a minute. Fantastic!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-looking-car-car-salon_1303-23591.jpg",
|
||||
imageAlt: "Portrait of Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jesslee_adventures", testimonial: "Needed a seasonal tire change and they made it so easy. Booked online, they came to me, and I didn't waste a minute. Fantastic!", imageSrc: "http://img.b2bpic.net/free-photo/business-man-looking-car-car-salon_1303-23591.jpg", imageAlt: "Portrait of Jessica Lee"},
|
||||
]}
|
||||
title="What Our Happy Customers Say"
|
||||
description="Hear directly from drivers who experienced the convenience and quality of our mobile tire service."
|
||||
@@ -344,28 +208,17 @@ export default function LandingPage() {
|
||||
description="Fill out the form below or call us directly for immediate assistance or to schedule an appointment. We're ready to roll!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your tire needs or location details.",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your tire needs or location details.", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-side-talking-phone-isolated-white-wall_141793-94402.jpg"
|
||||
@@ -378,54 +231,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Flat Tire Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Flat Tire Repair", href: "#services"},
|
||||
{
|
||||
label: "New Tire Sales",
|
||||
href: "#services",
|
||||
},
|
||||
label: "New Tire Sales", href: "#services"},
|
||||
{
|
||||
label: "Tire Rotation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tire Rotation", href: "#services"},
|
||||
{
|
||||
label: "Seasonal Change",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Seasonal Change", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user