Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
226
src/app/page.tsx
226
src/app/page.tsx
@@ -31,44 +31,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
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="Evolution Roadside Service"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:5550199",
|
||||
}}
|
||||
button={{ text: "Call Now", href: "tel:5550199" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Roadside Assistance You Can Rely On"
|
||||
description="Evolution Roadside Service is your 24/7 partner in emergencies. From tire changes to fuel delivery, we get you moving again."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Help Now",
|
||||
href: "tel:5550199",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Help Now", href: "tel:5550199" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-broken-car-triangle_657883-453.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,8 +56,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Safety, Our Evolution"
|
||||
description={[
|
||||
"For over a decade, we have been the gold standard in roadside assistance. Our mission is simple: provide fast, professional, and reliable service to keep our community moving safely.",
|
||||
"We believe that roadside support should be efficient, transparent, and always focused on the customer's needs.",
|
||||
"For over a decade, we have been the gold standard in roadside assistance. Our mission is simple: provide fast, professional, and reliable service to keep our community moving safely.", "We believe that roadside support should be efficient, transparent, and always focused on the customer's needs."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,26 +67,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Emergency",
|
||||
title: "Jump Start",
|
||||
subtitle: "Battery Revival",
|
||||
description: "Quick battery jump starts to get your engine running in minutes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg",
|
||||
tag: "Emergency", title: "Jump Start", subtitle: "Battery Revival", description: "Quick battery jump starts to get your engine running in minutes.", imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Support",
|
||||
title: "Tire Change",
|
||||
subtitle: "Flat Recovery",
|
||||
description: "Professional flat tire change service performed on-site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46158.jpg",
|
||||
tag: "Support", title: "Tire Change", subtitle: "Flat Recovery", description: "Professional flat tire change service performed on-site.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46158.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Help",
|
||||
title: "Lockout Aid",
|
||||
subtitle: "Access Granted",
|
||||
description: "Safe, damage-free entry when you've locked yourself out.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31688.jpg",
|
||||
},
|
||||
tag: "Help", title: "Lockout Aid", subtitle: "Access Granted", description: "Safe, damage-free entry when you've locked yourself out.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31688.jpg"
|
||||
}
|
||||
]}
|
||||
title="Expert Roadside Services"
|
||||
description="We offer a full spectrum of emergency vehicle support."
|
||||
@@ -124,59 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Fleet",
|
||||
name: "Emergency Towing",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-repairing-car-with-tool_181624-42591.jpg",
|
||||
id: "1", brand: "Fleet", name: "Emergency Towing", price: "$85", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-repairing-car-with-tool_181624-42591.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Utility",
|
||||
name: "Fuel Delivery",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-car-gas-station_23-2148906369.jpg",
|
||||
id: "2", brand: "Utility", name: "Fuel Delivery", price: "$45", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-car-gas-station_23-2148906369.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Transport",
|
||||
name: "Vehicle Recovery",
|
||||
price: "$150",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31499.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Emergency",
|
||||
name: "Battery Pack",
|
||||
price: "$95",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-sitting-trunk-with-wood-box_1157-33905.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Utility",
|
||||
name: "Tire Kit",
|
||||
price: "$30",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mechanic-female-changing-wheels_23-2148327512.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Maintenance",
|
||||
name: "Fluid Top-Up",
|
||||
price: "$40",
|
||||
rating: 4,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11832.jpg",
|
||||
},
|
||||
id: "3", brand: "Transport", name: "Vehicle Recovery", price: "$150", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31499.jpg"
|
||||
}
|
||||
]}
|
||||
title="Fleet & Solutions"
|
||||
description="Our specialized equipment ensures we handle any vehicle with care."
|
||||
@@ -189,21 +112,9 @@ export default function LandingPage() {
|
||||
title="Proven Excellence"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
description: "Vehicles Serviced",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Min Avg Response",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
{ id: "m1", value: "15,000+", description: "Vehicles Serviced" },
|
||||
{ id: "m2", value: "20+", description: "Min Avg Response" },
|
||||
{ id: "m3", value: "4.9/5", description: "Customer Rating" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -215,47 +126,28 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
description="Hear from our satisfied customers."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Commuter",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
id: "1", name: "John Doe", role: "Commuter", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Driver",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg",
|
||||
id: "2", name: "Jane Smith", role: "Driver", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-leaning-new-car_23-2148332929.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
role: "Traveler",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-baby-daugher-walking-autumn-park_1303-18682.jpg",
|
||||
id: "3", name: "Mark Wilson", role: "Traveler", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-with-baby-daugher-walking-autumn-park_1303-18682.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
role: "Commuter",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-up-posing-while-driving_23-2148266145.jpg",
|
||||
id: "4", name: "Sarah Miller", role: "Commuter", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-up-posing-while-driving_23-2148266145.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Brown",
|
||||
role: "Driver",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg",
|
||||
},
|
||||
id: "5", name: "David Brown", role: "Driver", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1275.jpg"
|
||||
}
|
||||
]}
|
||||
title="Trusted by Drivers"
|
||||
/>
|
||||
@@ -266,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you cover?",
|
||||
content: "We cover a 50-mile radius around the city center, 24/7.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, all our drivers are fully certified and insured.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How quickly can you arrive?",
|
||||
content: "Our average response time is under 30 minutes in the city.",
|
||||
},
|
||||
{ id: "q1", title: "What areas do you cover?", content: "We cover a 50-mile radius around the city center, 24/7." },
|
||||
{ id: "q2", title: "Are you licensed?", content: "Yes, all our drivers are fully certified and insured." },
|
||||
{ id: "q3", title: "How quickly can you arrive?", content: "Our average response time is under 30 minutes in the city." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-with-her-dads-enjoying-family-trip_23-2149503841.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -293,9 +173,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Get in touch"
|
||||
title="Contact Evolution"
|
||||
description="Available 24/7. Call or message us for immediate assistance."
|
||||
@@ -309,32 +187,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tranquil-sunset-arid-african-wilderness-landscape-generative-ai_188544-45877.jpg"
|
||||
logoText="Evolution Roadside"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user