Update src/app/page.tsx
This commit is contained in:
111
src/app/page.tsx
111
src/app/page.tsx
@@ -21,8 +21,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Reports", href: "/reports" },
|
||||
{ label: "Vehicles", href: "/vehicles" },
|
||||
@@ -30,8 +29,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Blog", href: "/" },
|
||||
{ label: "Careers", href: "/" },
|
||||
@@ -39,8 +37,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -56,7 +53,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -67,9 +64,7 @@ export default function HomePage() {
|
||||
brandName="TransitFlow"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,7 +73,7 @@ export default function HomePage() {
|
||||
<HeroSplitKpi
|
||||
title="Smart Transportation Reporting Platform"
|
||||
description="Manage medical appointments, dialysis treatments, and on-demand rides with advanced vehicle analytics. Track mileage, fuel costs, maintenance, and expenses in real-time across daily, monthly, and quarterly reports."
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "99.8%", label: "Uptime Guarantee" },
|
||||
{ value: "Real-Time", label: "Vehicle Tracking" },
|
||||
@@ -115,34 +110,22 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Real-Time Analytics",
|
||||
description: "Monitor vehicle performance, fuel efficiency, and operational costs with live dashboards",
|
||||
},
|
||||
title: "Real-Time Analytics", description: "Monitor vehicle performance, fuel efficiency, and operational costs with live dashboards"},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "GPS Tracking",
|
||||
description: "Track every vehicle in your fleet with precise location data and route optimization",
|
||||
},
|
||||
title: "GPS Tracking", description: "Track every vehicle in your fleet with precise location data and route optimization"},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Expense Management",
|
||||
description: "Automated tracking of fuel, maintenance, repairs, and operational expenses",
|
||||
},
|
||||
title: "Expense Management", description: "Automated tracking of fuel, maintenance, repairs, and operational expenses"},
|
||||
{
|
||||
icon: Calendar,
|
||||
title: "Service Scheduling",
|
||||
description: "Manage medical appointments and dialysis treatment schedules with automated reminders",
|
||||
},
|
||||
title: "Service Scheduling", description: "Manage medical appointments and dialysis treatment schedules with automated reminders"},
|
||||
{
|
||||
icon: BarChart3,
|
||||
title: "Multi-Timeframe Reports",
|
||||
description: "Generate detailed reports for daily, monthly, and quarterly analysis cycles",
|
||||
},
|
||||
title: "Multi-Timeframe Reports", description: "Generate detailed reports for daily, monthly, and quarterly analysis cycles"},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Enterprise Security",
|
||||
description: "Bank-level encryption and compliance with healthcare data protection standards",
|
||||
},
|
||||
title: "Enterprise Security", description: "Bank-level encryption and compliance with healthcare data protection standards"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
tag="Features"
|
||||
@@ -158,44 +141,20 @@ export default function HomePage() {
|
||||
description="Data-driven insights to optimize fleet operations and reduce costs"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "45%",
|
||||
title: "Average Cost Reduction",
|
||||
items: [
|
||||
"Optimized routing saves fuel",
|
||||
"Predictive maintenance prevents breakdowns",
|
||||
"Reduced idle time",
|
||||
],
|
||||
id: "1", value: "45%", title: "Average Cost Reduction", items: [
|
||||
"Optimized routing saves fuel", "Predictive maintenance prevents breakdowns", "Reduced idle time"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99.2%",
|
||||
title: "On-Time Service Rate",
|
||||
items: [
|
||||
"Real-time traffic optimization",
|
||||
"Automated scheduling system",
|
||||
"Driver performance tracking",
|
||||
],
|
||||
id: "2", value: "99.2%", title: "On-Time Service Rate", items: [
|
||||
"Real-time traffic optimization", "Automated scheduling system", "Driver performance tracking"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "156 hrs",
|
||||
title: "Monthly Time Saved",
|
||||
items: [
|
||||
"Automated report generation",
|
||||
"One-click expense tracking",
|
||||
"Integrated billing system",
|
||||
],
|
||||
id: "3", value: "156 hrs", title: "Monthly Time Saved", items: [
|
||||
"Automated report generation", "One-click expense tracking", "Integrated billing system"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "24/7",
|
||||
title: "Platform Availability",
|
||||
items: [
|
||||
"Uptime-backed SLA",
|
||||
"Redundant infrastructure",
|
||||
"Mobile app access",
|
||||
],
|
||||
id: "4", value: "24/7", title: "Platform Availability", items: [
|
||||
"Uptime-backed SLA", "Redundant infrastructure", "Mobile app access"],
|
||||
},
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
@@ -215,33 +174,13 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "v1",
|
||||
name: "Daily Mileage Report",
|
||||
price: "Automated",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/daily-mileage-tracking-report-interface--1772489122356-087ce731.png?_wi=1",
|
||||
imageAlt: "Daily mileage tracking",
|
||||
},
|
||||
id: "v1", name: "Daily Mileage Report", price: "Automated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/daily-mileage-tracking-report-interface--1772489122356-087ce731.png", imageAlt: "Daily mileage tracking"},
|
||||
{
|
||||
id: "v2",
|
||||
name: "Fuel Consumption Analysis",
|
||||
price: "Real-Time",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/fuel-consumption-analysis-dashboard-with-1772489123250-5683ee26.png?_wi=1",
|
||||
imageAlt: "Fuel cost analysis",
|
||||
},
|
||||
id: "v2", name: "Fuel Consumption Analysis", price: "Real-Time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/fuel-consumption-analysis-dashboard-with-1772489123250-5683ee26.png", imageAlt: "Fuel cost analysis"},
|
||||
{
|
||||
id: "v3",
|
||||
name: "Maintenance Scheduler",
|
||||
price: "Preventive",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/preventive-maintenance-scheduler-interfa-1772489122826-5b1a6cf6.png?_wi=1",
|
||||
imageAlt: "Maintenance tracking",
|
||||
},
|
||||
id: "v3", name: "Maintenance Scheduler", price: "Preventive", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/preventive-maintenance-scheduler-interfa-1772489122826-5b1a6cf6.png", imageAlt: "Maintenance tracking"},
|
||||
{
|
||||
id: "v4",
|
||||
name: "Repair Cost Tracking",
|
||||
price: "Detailed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/repair-cost-tracking-dashboard-with-expe-1772489122728-d1156c99.png?_wi=1",
|
||||
imageAlt: "Repair expense tracking",
|
||||
},
|
||||
id: "v4", name: "Repair Cost Tracking", price: "Detailed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/repair-cost-tracking-dashboard-with-expe-1772489122728-d1156c99.png", imageAlt: "Repair expense tracking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -415,7 +354,7 @@ export default function HomePage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/wide-aerial-view-of-a-modern-transportat-1772489121730-52e07e45.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APJhSPZ1ni4Gjd8AW0gwt4s63g/wide-aerial-view-of-a-modern-transportat-1772489121730-52e07e45.png"
|
||||
imageAlt="Fleet operations background"
|
||||
columns={footerColumns}
|
||||
logoText="TransitFlow"
|
||||
|
||||
Reference in New Issue
Block a user