Merge version_2 into main #1

Merged
bender merged 1 commits from version_2 into main 2026-06-11 06:52:57 +00:00
Showing only changes of commit 99a8971dce - Show all commits

View File

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import { Clock, Cloud, Droplet, Gauge, Shield, ShieldCheck } from "lucide-react"; import { Clock, Cloud, Shield, ShieldCheck, Speedometer, Fuel, Thermometer } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -21,8 +21,8 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="mediumSizeLargeTitles" sizing="mediumSizeLargeTitles"
background="fluid" background="noise"
cardStyle="gradient-bordered" cardStyle="gradient-mesh"
primaryButtonStyle="flat" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="bold"
@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Metrics", name: "Metrics", id: "#metrics"},
id: "#metrics",
},
{ {
name: "Features", name: "Features", id: "#features"},
id: "#features",
},
{ {
name: "Map", name: "Map", id: "#map"},
id: "#map",
},
{ {
name: "Insights", name: "Insights", id: "#insights"},
id: "#insights",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="DriveInsight AI" brandName="DriveInsight AI"
/> />
@@ -70,13 +56,9 @@ export default function LandingPage() {
description="Unlock unparalleled insights into your fleet with our cloud-based dashboard, powered by advanced AI and GCP for predictive maintenance and optimized driver behavior." description="Unlock unparalleled insights into your fleet with our cloud-based dashboard, powered by advanced AI and GCP for predictive maintenance and optimized driver behavior."
buttons={[ buttons={[
{ {
text: "Get a Demo", text: "Get a Demo", href: "#contact"},
href: "#contact",
},
{ {
text: "Learn More", text: "Learn More", href: "#about"},
href: "#about",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
imageAlt="Connected-car cloud dashboard displaying vehicle telemetry" imageAlt="Connected-car cloud dashboard displaying vehicle telemetry"
@@ -84,25 +66,15 @@ export default function LandingPage() {
textPosition="bottom" textPosition="bottom"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", alt: "Close up of accounting sales statistics on computer display"},
alt: "Close up of accounting sales statistics on computer display",
},
{ {
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg", src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg", alt: "Representation of user experience and interface design"},
alt: "Representation of user experience and interface design",
},
{ {
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "Closeup of african american entrepreneur analyzing company profit"},
alt: "Closeup of african american entrepreneur analyzing company profit",
},
{ {
src: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", src: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", alt: "Financial program user interface on PC screen on home office desk"},
alt: "Financial program user interface on PC screen on home office desk",
},
{ {
src: "http://img.b2bpic.net/free-photo/hand-with-car-made-cloud_1134-148.jpg", src: "http://img.b2bpic.net/free-photo/hand-with-car-made-cloud_1134-148.jpg", alt: "Hand with a car made of cloud"},
alt: "Hand with a car made of cloud",
},
]} ]}
avatarText="Trusted by leading automotive innovators" avatarText="Trusted by leading automotive innovators"
/> />
@@ -116,32 +88,16 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "speed", id: "speed", value: "75 MPH", title: "Average Speed", description: "Real-time average speed across your fleet for efficiency monitoring.", icon: Speedometer,
value: "75 MPH",
title: "Average Speed",
description: "Real-time average speed across your fleet for efficiency monitoring.",
icon: Gauge,
}, },
{ {
id: "fuel", id: "fuel", value: "85%", title: "Fuel Level", description: "Instant overview of fuel levels to prevent unexpected stoppages.", icon: Fuel,
value: "85%",
title: "Fuel Level",
description: "Instant overview of fuel levels to prevent unexpected stoppages.",
icon: Droplet,
}, },
{ {
id: "engine-temp", id: "engine-temp", value: "90°C", title: "Engine Temperature", description: "Critical engine temperature monitoring to prevent overheating and damage.", icon: Thermometer,
value: "90°C",
title: "Engine Temperature",
description: "Critical engine temperature monitoring to prevent overheating and damage.",
icon: Gauge,
}, },
{ {
id: "health-score", id: "health-score", value: "9.2/10", title: "Vehicle Health Score", description: "An aggregated score reflecting overall vehicle health based on multiple parameters.", icon: ShieldCheck,
value: "9.2/10",
title: "Vehicle Health Score",
description: "An aggregated score reflecting overall vehicle health based on multiple parameters.",
icon: ShieldCheck,
}, },
]} ]}
title="Key Performance Indicators" title="Key Performance Indicators"
@@ -158,19 +114,13 @@ export default function LandingPage() {
description="DriveInsight AI leverages Google Cloud Platform's robust infrastructure to deliver scalable, secure, and lightning-fast telemetry processing. Our platform is built for reliability and real-time data insights, ensuring your operations are always optimized." description="DriveInsight AI leverages Google Cloud Platform's robust infrastructure to deliver scalable, secure, and lightning-fast telemetry processing. Our platform is built for reliability and real-time data insights, ensuring your operations are always optimized."
bulletPoints={[ bulletPoints={[
{ {
title: "Scalable Infrastructure", title: "Scalable Infrastructure", description: "Built on GCP to effortlessly handle data from thousands of vehicles.", icon: Cloud,
description: "Built on GCP to effortlessly handle data from thousands of vehicles.",
icon: Cloud,
}, },
{ {
title: "Enterprise-Grade Security", title: "Enterprise-Grade Security", description: "Your data is protected with industry-leading encryption and compliance.", icon: Shield,
description: "Your data is protected with industry-leading encryption and compliance.",
icon: Shield,
}, },
{ {
title: "Real-Time Processing", title: "Real-Time Processing", description: "Instant data ingestion and analysis for immediate insights and actions.", icon: Clock,
description: "Instant data ingestion and analysis for immediate insights and actions.",
icon: Clock,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/online-car-insurance-application_53876-167062.jpg" imageSrc="http://img.b2bpic.net/free-photo/online-car-insurance-application_53876-167062.jpg"
@@ -186,34 +136,16 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "real-time-telemetry", id: "real-time-telemetry", label: "Live Data Feeds", title: "Real-Time Telemetry Panel", items: [
label: "Live Data Feeds", "Instant data updates from all connected vehicles.", "Customizable dashboard views for key metrics.", "High-frequency data streaming for granular analysis."],
title: "Real-Time Telemetry Panel",
items: [
"Instant data updates from all connected vehicles.",
"Customizable dashboard views for key metrics.",
"High-frequency data streaming for granular analysis.",
],
}, },
{ {
id: "active-alerts", id: "active-alerts", label: "Event Notifications", title: "Active Alerts & Notifications", items: [
label: "Event Notifications", "Configurable alert thresholds for critical parameters.", "Instant notifications via email, SMS, or in-app.", "Detailed event logs for post-incident analysis."],
title: "Active Alerts & Notifications",
items: [
"Configurable alert thresholds for critical parameters.",
"Instant notifications via email, SMS, or in-app.",
"Detailed event logs for post-incident analysis.",
],
}, },
{ {
id: "vehicle-health", id: "vehicle-health", label: "Diagnostic Charts", title: "Vehicle Health Charts", items: [
label: "Diagnostic Charts", "Trend analysis for engine parameters and system health.", "Visual representation of diagnostic trouble codes.", "Proactive identification of potential maintenance needs."],
title: "Vehicle Health Charts",
items: [
"Trend analysis for engine parameters and system health.",
"Visual representation of diagnostic trouble codes.",
"Proactive identification of potential maintenance needs.",
],
}, },
]} ]}
title="Comprehensive Telemetry & Alerting" title="Comprehensive Telemetry & Alerting"
@@ -229,47 +161,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "map-1", id: "map-1", name: "Live Vehicle Tracking", price: "GPS", imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16955.jpg", imageAlt: "Live vehicle tracking map"},
name: "Live Vehicle Tracking",
price: "GPS",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16955.jpg",
imageAlt: "Live vehicle tracking map",
},
{ {
id: "map-2", id: "map-2", name: "Fleet Overview", price: "Multi-Vehicle", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-truck-boxes_23-2149853131.jpg", imageAlt: "Multi-vehicle fleet overview map"},
name: "Fleet Overview",
price: "Multi-Vehicle",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-truck-boxes_23-2149853131.jpg",
imageAlt: "Multi-vehicle fleet overview map",
},
{ {
id: "map-3", id: "map-3", name: "Route Optimization", price: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/map-car_1160-57.jpg", imageAlt: "Route optimization map"},
name: "Route Optimization",
price: "Efficiency",
imageSrc: "http://img.b2bpic.net/free-photo/map-car_1160-57.jpg",
imageAlt: "Route optimization map",
},
{ {
id: "map-4", id: "map-4", name: "Historical Journeys", price: "Playback", imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552524.jpg", imageAlt: "Historical journey map"},
name: "Historical Journeys",
price: "Playback",
imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552524.jpg",
imageAlt: "Historical journey map",
},
{ {
id: "map-5", id: "map-5", name: "Geo-Fencing Alerts", price: "Boundaries", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827294.jpg", imageAlt: "Geo-fencing map with alerts"},
name: "Geo-Fencing Alerts",
price: "Boundaries",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827294.jpg",
imageAlt: "Geo-fencing map with alerts",
},
{ {
id: "map-6", id: "map-6", name: "Combined View", price: "Live + Map", imageSrc: "http://img.b2bpic.net/free-photo/focused-videographer-producer-working-movie-production-editing-film-design_482257-19397.jpg", imageAlt: "Split view of live feed and map"},
name: "Combined View",
price: "Live + Map",
imageSrc: "http://img.b2bpic.net/free-photo/focused-videographer-producer-working-movie-production-editing-film-design_482257-19397.jpg",
imageAlt: "Split view of live feed and map",
},
]} ]}
title="Dynamic Vehicle Location & Route Optimization" title="Dynamic Vehicle Location & Route Optimization"
description="Track your fleet in real-time on an interactive map, visualize routes, and optimize logistics with our intuitive mapping solution." description="Track your fleet in real-time on an interactive map, visualize routes, and optimize logistics with our intuitive mapping solution."
@@ -283,34 +185,16 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "predictive-maintenance", id: "predictive-maintenance", label: "AI-Driven Forecasts", title: "Predictive Insights Section", items: [
label: "AI-Driven Forecasts", "AI algorithms predict component failures before they occur.", "Schedule maintenance proactively to minimize downtime.", "Reduce operational costs through optimized service intervals."],
title: "Predictive Insights Section",
items: [
"AI algorithms predict component failures before they occur.",
"Schedule maintenance proactively to minimize downtime.",
"Reduce operational costs through optimized service intervals.",
],
}, },
{ {
id: "driver-behavior", id: "driver-behavior", label: "Performance Analysis", title: "Driver Behavior Analytics Charts", items: [
label: "Performance Analysis", "Monitor harsh braking, acceleration, and cornering.", "Identify unsafe driving patterns and provide coaching.", "Improve fuel efficiency through better driving habits."],
title: "Driver Behavior Analytics Charts",
items: [
"Monitor harsh braking, acceleration, and cornering.",
"Identify unsafe driving patterns and provide coaching.",
"Improve fuel efficiency through better driving habits.",
],
}, },
{ {
id: "performance-benchmarking", id: "performance-benchmarking", label: "Fleet Comparison", title: "Fleet Performance Benchmarking", items: [
label: "Fleet Comparison", "Compare vehicle and driver performance against benchmarks.", "Identify top performers and areas for improvement.", "Drive continuous improvement across your entire fleet."],
title: "Fleet Performance Benchmarking",
items: [
"Compare vehicle and driver performance against benchmarks.",
"Identify top performers and areas for improvement.",
"Drive continuous improvement across your entire fleet.",
],
}, },
]} ]}
title="Advanced Analytics for Proactive Decisions" title="Advanced Analytics for Proactive Decisions"
@@ -323,20 +207,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "What kind of vehicles does DriveInsight AI support?", content: "DriveInsight AI is designed to support a wide range of vehicles, from commercial trucks and delivery vans to passenger fleets. Our platform is hardware-agnostic and can integrate with various telematics devices."},
title: "What kind of vehicles does DriveInsight AI support?",
content: "DriveInsight AI is designed to support a wide range of vehicles, from commercial trucks and delivery vans to passenger fleets. Our platform is hardware-agnostic and can integrate with various telematics devices.",
},
{ {
id: "faq-2", id: "faq-2", title: "How does your platform ensure data security?", content: "We leverage Google Cloud Platform's robust security features, including end-to-end encryption, identity and access management, and continuous security monitoring, to ensure your data is always protected and compliant with industry standards."},
title: "How does your platform ensure data security?",
content: "We leverage Google Cloud Platform's robust security features, including end-to-end encryption, identity and access management, and continuous security monitoring, to ensure your data is always protected and compliant with industry standards.",
},
{ {
id: "faq-3", id: "faq-3", title: "Can I customize the dashboard to my specific needs?", content: "Yes, DriveInsight AI offers highly customizable dashboards. You can select which KPIs to display, configure alert thresholds, and create personalized reports to match your operational requirements."},
title: "Can I customize the dashboard to my specific needs?",
content: "Yes, DriveInsight AI offers highly customizable dashboards. You can select which KPIs to display, configure alert thresholds, and create personalized reports to match your operational requirements.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to the most common questions about DriveInsight AI and our Vehicle Telemetry Platform." sideDescription="Find quick answers to the most common questions about DriveInsight AI and our Vehicle Telemetry Platform."
@@ -350,8 +225,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
tag="Get Started" tag="Get Started"
title="Request a Demo" title="Request a Demo"
description="Experience the power of DriveInsight AI firsthand. Fill out the form to schedule a personalized demonstration with our experts and discover how we can transform your fleet management." description="Experience the power of DriveInsight AI firsthand. Fill out the form to schedule a personalized demonstration with our experts and discover how we can transform your fleet management."
@@ -371,57 +245,35 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Platform Overview", label: "Platform Overview", href: "#home"},
href: "#home",
},
{ {
label: "Telemetry Features", label: "Telemetry Features", href: "#features"},
href: "#features",
},
{ {
label: "Predictive Insights", label: "Predictive Insights", href: "#insights"},
href: "#insights",
},
{ {
label: "Vehicle Map", label: "Vehicle Map", href: "#map"},
href: "#map",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Careers", label: "Careers", href: "#"},
href: "#",
},
{ {
label: "Blog", label: "Blog", href: "#"},
href: "#",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
{ {
label: "Support", label: "Support", href: "#faq"},
href: "#faq",
},
], ],
}, },
]} ]}