Merge version_1 into main #2
@@ -6,7 +6,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Car, Lock } from "lucide-react";
|
||||
import { Car, Lock, Cable, Sensor, Router } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,25 +27,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Architecture",
|
||||
id: "/architecture",
|
||||
},
|
||||
name: "Architecture", id: "/architecture"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "/dashboard"},
|
||||
{
|
||||
name: "Alerts",
|
||||
id: "/alerts",
|
||||
},
|
||||
name: "Alerts", id: "/alerts"},
|
||||
{
|
||||
name: "Monitoring",
|
||||
id: "/monitoring",
|
||||
},
|
||||
name: "Monitoring", id: "/monitoring"},
|
||||
]}
|
||||
brandName="TelemetryCloud"
|
||||
/>
|
||||
@@ -58,51 +48,34 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Vehicle Sensors & IVI System",
|
||||
description: "Raw data from CAN Bus, OBD-II, and IVI systems are the initial inputs for telemetry collection.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg",
|
||||
imageAlt: "vehicle sensors CAN bus OBD-II",
|
||||
},
|
||||
title: "Vehicle Sensors & IVI System", description: "Raw data from CAN Bus, OBD-II, and IVI systems are the initial inputs for telemetry collection.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-database-analysis-system-information-concept_53876-134071.jpg", imageAlt: "vehicle sensors CAN bus OBD-II"},
|
||||
items: [
|
||||
{
|
||||
icon: Cable,
|
||||
text: "CAN Bus / OBD-II",
|
||||
},
|
||||
text: "CAN Bus / OBD-II"},
|
||||
{
|
||||
icon: Car,
|
||||
text: "IVI System Integration",
|
||||
},
|
||||
text: "IVI System Integration"},
|
||||
{
|
||||
icon: Sensor,
|
||||
text: "Diverse Sensor Inputs",
|
||||
},
|
||||
text: "Diverse Sensor Inputs"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg?_wi=3",
|
||||
imageAlt: "vehicle sensors CAN bus OBD-II",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Secure Data Ingestion via MQTT",
|
||||
description: "Telemetry signals are securely transmitted using MQTT over TLS to a robust broker.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-touchscreen-device_1170-1680.jpg",
|
||||
imageAlt: "vehicle sensors CAN bus OBD-II",
|
||||
},
|
||||
title: "Secure Data Ingestion via MQTT", description: "Telemetry signals are securely transmitted using MQTT over TLS to a robust broker.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-touchscreen-device_1170-1680.jpg", imageAlt: "vehicle sensors CAN bus OBD-II"},
|
||||
items: [
|
||||
{
|
||||
icon: Lock,
|
||||
text: "MQTT over TLS",
|
||||
},
|
||||
text: "MQTT over TLS"},
|
||||
{
|
||||
icon: Router,
|
||||
text: "High-Availability MQTT Broker",
|
||||
},
|
||||
text: "High-Availability MQTT Broker"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582494.jpg?_wi=3",
|
||||
imageAlt: "vehicle sensors CAN bus OBD-II",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="System Architecture: From Sensor to Cloud"
|
||||
description="Our robust and scalable architecture leverages Google Cloud Platform services to ensure secure, real-time data flow and powerful analytics."
|
||||
@@ -117,17 +90,11 @@ export default function LandingPage() {
|
||||
description="Understanding how your vehicle's data travels from the physical world to actionable insights is key. Our architecture ensures every signal is captured, processed, and delivered with precision and security, utilizing Pub/Sub, Cloud Functions, and BigQuery for scalable analytics and notifications."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "GCP Pub/Sub",
|
||||
description: "Real-time messaging for scalable data ingestion and distribution.",
|
||||
},
|
||||
title: "GCP Pub/Sub", description: "Real-time messaging for scalable data ingestion and distribution."},
|
||||
{
|
||||
title: "Cloud Functions",
|
||||
description: "Serverless execution for data transformation and alert generation.",
|
||||
},
|
||||
title: "Cloud Functions", description: "Serverless execution for data transformation and alert generation."},
|
||||
{
|
||||
title: "BigQuery & Looker Studio",
|
||||
description: "Scalable data warehousing and powerful business intelligence visualization.",
|
||||
},
|
||||
title: "BigQuery & Looker Studio", description: "Scalable data warehousing and powerful business intelligence visualization."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brown-hair-digital-meeting-office-supply-innovate_1134-1334.jpg"
|
||||
imageAlt="GCP data flow diagram automotive"
|
||||
@@ -139,58 +106,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "/#features",
|
||||
},
|
||||
label: "Features", href: "/#features"},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "/dashboard",
|
||||
},
|
||||
label: "Dashboard", href: "/dashboard"},
|
||||
{
|
||||
label: "Alerts",
|
||||
href: "/alerts",
|
||||
},
|
||||
label: "Alerts", href: "/alerts"},
|
||||
{
|
||||
label: "Monitoring",
|
||||
href: "/monitoring",
|
||||
},
|
||||
label: "Monitoring", href: "/monitoring"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Architecture",
|
||||
href: "/architecture",
|
||||
},
|
||||
label: "Architecture", href: "/architecture"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Developers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Developers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/#about",
|
||||
},
|
||||
label: "About Us", href: "/#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/#contact",
|
||||
},
|
||||
label: "Contact", href: "/#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -6,7 +6,7 @@ import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Gauge, Power } from "lucide-react";
|
||||
import { Gauge, Power, Speedometer, Fuel, Thermometer, HeartPulse, BatteryCharging } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,25 +27,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Architecture",
|
||||
id: "/architecture",
|
||||
},
|
||||
name: "Architecture", id: "/architecture"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "/dashboard"},
|
||||
{
|
||||
name: "Alerts",
|
||||
id: "/alerts",
|
||||
},
|
||||
name: "Alerts", id: "/alerts"},
|
||||
{
|
||||
name: "Monitoring",
|
||||
id: "/monitoring",
|
||||
},
|
||||
name: "Monitoring", id: "/monitoring"},
|
||||
]}
|
||||
brandName="TelemetryCloud"
|
||||
/>
|
||||
@@ -58,59 +48,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Current Status & KPIs",
|
||||
description: "Monitor key performance indicators like speed, fuel, and engine temperature at a glance with clear gauges and progress indicators.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior_146671-19728.jpg",
|
||||
imageAlt: "dashboard current speed widget",
|
||||
},
|
||||
title: "Current Status & KPIs", description: "Monitor key performance indicators like speed, fuel, and engine temperature at a glance with clear gauges and progress indicators.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior_146671-19728.jpg", imageAlt: "dashboard current speed widget"},
|
||||
items: [
|
||||
{
|
||||
icon: Speedometer,
|
||||
text: "Current Speed",
|
||||
},
|
||||
text: "Current Speed"},
|
||||
{
|
||||
icon: Fuel,
|
||||
text: "Fuel Level",
|
||||
},
|
||||
text: "Fuel Level"},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Engine Temperature",
|
||||
},
|
||||
text: "Engine Temperature"},
|
||||
{
|
||||
icon: HeartPulse,
|
||||
text: "Vehicle Health Score",
|
||||
},
|
||||
text: "Vehicle Health Score"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg?_wi=4",
|
||||
imageAlt: "dashboard current speed widget",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Real-Time Telemetry Data",
|
||||
description: "Access live updates on critical vehicle telemetry signals with dynamic, updateable cards and clear icons.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163704.jpg",
|
||||
imageAlt: "dashboard fuel level indicator",
|
||||
},
|
||||
title: "Real-Time Telemetry Data", description: "Access live updates on critical vehicle telemetry signals with dynamic, updateable cards and clear icons.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163704.jpg", imageAlt: "dashboard fuel level indicator"},
|
||||
items: [
|
||||
{
|
||||
icon: Gauge,
|
||||
text: "Vehicle Speed",
|
||||
},
|
||||
text: "Vehicle Speed"},
|
||||
{
|
||||
icon: Power,
|
||||
text: "Engine RPM",
|
||||
},
|
||||
text: "Engine RPM"},
|
||||
{
|
||||
icon: BatteryCharging,
|
||||
text: "Battery Voltage",
|
||||
},
|
||||
text: "Battery Voltage"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582494.jpg?_wi=4",
|
||||
imageAlt: "dashboard current speed widget",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Interactive Dashboard Overview"
|
||||
description="Experience a comprehensive view of your vehicle's performance and driver behavior through our intuitive and responsive dashboard interface."
|
||||
@@ -126,47 +97,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Driver Score Trend",
|
||||
price: "Live Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
|
||||
imageAlt: "dashboard driver score trend chart",
|
||||
},
|
||||
id: "p1", name: "Driver Score Trend", price: "Live Data", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg", imageAlt: "dashboard driver score trend chart"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vehicle Health Score",
|
||||
price: "Real-Time",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163673.jpg",
|
||||
imageAlt: "dashboard vehicle health score",
|
||||
},
|
||||
id: "p2", name: "Vehicle Health Score", price: "Real-Time", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163673.jpg", imageAlt: "dashboard vehicle health score"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Engine Temperature Monitor",
|
||||
price: "Live Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163675.jpg",
|
||||
imageAlt: "dashboard engine temperature widget",
|
||||
},
|
||||
id: "p3", name: "Engine Temperature Monitor", price: "Live Data", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163675.jpg", imageAlt: "dashboard engine temperature widget"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Current Speed Overview",
|
||||
price: "Real-Time",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163662.jpg",
|
||||
imageAlt: "dashboard current speed widget",
|
||||
},
|
||||
id: "p4", name: "Current Speed Overview", price: "Real-Time", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163662.jpg", imageAlt: "dashboard current speed widget"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fuel Level Indicator",
|
||||
price: "Live Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163685.jpg",
|
||||
imageAlt: "dashboard fuel level indicator",
|
||||
},
|
||||
id: "p5", name: "Fuel Level Indicator", price: "Live Data", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163685.jpg", imageAlt: "dashboard fuel level indicator"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vehicle Location Map",
|
||||
price: "GPS Tracked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/navigator-car-road-forest-area-closeup_169016-22253.jpg",
|
||||
imageAlt: "dashboard vehicle location map",
|
||||
},
|
||||
id: "p6", name: "Vehicle Location Map", price: "GPS Tracked", imageSrc: "http://img.b2bpic.net/free-photo/navigator-car-road-forest-area-closeup_169016-22253.jpg", imageAlt: "dashboard vehicle location map"},
|
||||
]}
|
||||
title="Dynamic Dashboard Modules"
|
||||
description="Customize your view with interactive charts, real-time data visualizations, and actionable insights for a complete operational overview."
|
||||
@@ -177,58 +118,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "/#features",
|
||||
},
|
||||
label: "Features", href: "/#features"},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "/dashboard",
|
||||
},
|
||||
label: "Dashboard", href: "/dashboard"},
|
||||
{
|
||||
label: "Alerts",
|
||||
href: "/alerts",
|
||||
},
|
||||
label: "Alerts", href: "/alerts"},
|
||||
{
|
||||
label: "Monitoring",
|
||||
href: "/monitoring",
|
||||
},
|
||||
label: "Monitoring", href: "/monitoring"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Architecture",
|
||||
href: "/architecture",
|
||||
},
|
||||
label: "Architecture", href: "/architecture"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Developers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Developers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/#about",
|
||||
},
|
||||
label: "About Us", href: "/#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/#contact",
|
||||
},
|
||||
label: "Contact", href: "/#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
281
src/app/page.tsx
281
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { AlertTriangle, Cloud, Droplet, Gauge, Globe, Lightbulb, Medal, ShieldCheck } from "lucide-react";
|
||||
import { AlertTriangle, Cloud, Droplet, Gauge, Globe, Lightbulb, Medal, ShieldCheck, Fuel, Thermometer, Tyre, Brake, Engine, BatteryCharging } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Architecture",
|
||||
id: "/architecture",
|
||||
},
|
||||
name: "Architecture", id: "/architecture"},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "/dashboard",
|
||||
},
|
||||
name: "Dashboard", id: "/dashboard"},
|
||||
{
|
||||
name: "Alerts",
|
||||
id: "/alerts",
|
||||
},
|
||||
name: "Alerts", id: "/alerts"},
|
||||
{
|
||||
name: "Monitoring",
|
||||
id: "/monitoring",
|
||||
},
|
||||
name: "Monitoring", id: "/monitoring"},
|
||||
]}
|
||||
brandName="TelemetryCloud"
|
||||
/>
|
||||
@@ -58,115 +48,65 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
imagePosition="right"
|
||||
title="Smart Vehicle Telemetry & Cloud Analytics Platform"
|
||||
description="Monitor vehicle health, analyze driver behavior, and receive predictive alerts through a cloud-connected automotive ecosystem."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk_fleet",
|
||||
testimonial: "This platform transformed how we manage our fleet. Real-time data and predictive insights are invaluable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582494.jpg?_wi=1",
|
||||
imageAlt: "CEO portrait smiling business suit",
|
||||
},
|
||||
name: "Alex K.", handle: "@alexk_fleet", testimonial: "This platform transformed how we manage our fleet. Real-time data and predictive insights are invaluable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582494.jpg", imageAlt: "CEO portrait smiling business suit"},
|
||||
{
|
||||
name: "Maria S.",
|
||||
handle: "@ms_driver",
|
||||
testimonial: "I love getting smart alerts about my car's health. It gives me peace of mind on every journey.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-uses-smartphone-while-sitting-her-room_169016-18389.jpg?_wi=1",
|
||||
imageAlt: "tech enthusiast woman smartphone data",
|
||||
},
|
||||
name: "Maria S.", handle: "@ms_driver", testimonial: "I love getting smart alerts about my car's health. It gives me peace of mind on every journey.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-uses-smartphone-while-sitting-her-room_169016-18389.jpg", imageAlt: "tech enthusiast woman smartphone data"},
|
||||
{
|
||||
name: "Dr. Lee W.",
|
||||
handle: "@drlee_autoeng",
|
||||
testimonial: "The detailed telemetry and analytics capabilities are crucial for our R&D. A truly advanced system.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg?_wi=1",
|
||||
imageAlt: "automotive engineer working diagnostics",
|
||||
},
|
||||
name: "Dr. Lee W.", handle: "@drlee_autoeng", testimonial: "The detailed telemetry and analytics capabilities are crucial for our R&D. A truly advanced system.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg", imageAlt: "automotive engineer working diagnostics"},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd_service",
|
||||
testimonial: "Our service center uses this to diagnose issues proactively, improving customer satisfaction dramatically.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-headphones-showing-thumb-up-isolated-pink-wall_141793-83651.jpg",
|
||||
imageAlt: "service center manager thumbs up",
|
||||
},
|
||||
name: "John D.", handle: "@johnd_service", testimonial: "Our service center uses this to diagnose issues proactively, improving customer satisfaction dramatically.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-headphones-showing-thumb-up-isolated-pink-wall_141793-83651.jpg", imageAlt: "service center manager thumbs up"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp_startup",
|
||||
testimonial: "An incredible foundation for any connected vehicle project. Scalable, secure, and user-friendly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-managers-showcase-product-innovations-using-mockup-monitor_482257-126512.jpg",
|
||||
imageAlt: "startup founder presenting tablet",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp_startup", testimonial: "An incredible foundation for any connected vehicle project. Scalable, secure, and user-friendly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-plant-managers-showcase-product-innovations-using-mockup-monitor_482257-126512.jpg", imageAlt: "startup founder presenting tablet"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Dashboard",
|
||||
href: "/dashboard",
|
||||
},
|
||||
text: "View Dashboard", href: "/dashboard"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/#about",
|
||||
},
|
||||
text: "Learn More", href: "/#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-11078.jpg",
|
||||
alt: "professional avatar male blue",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-sensual-male-with-hairstyle-casual-suit_613910-11078.jpg", alt: "professional avatar male blue"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-sitting-floor-with-social-media-icons-shrugging_23-2147847535.jpg",
|
||||
alt: "professional avatar female blue",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-sitting-floor-with-social-media-icons-shrugging_23-2147847535.jpg", alt: "professional avatar female blue"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134185.jpg",
|
||||
alt: "professional avatar male thoughtful",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134185.jpg", alt: "professional avatar male thoughtful"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793875.jpg",
|
||||
alt: "professional avatar female confident",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793875.jpg", alt: "professional avatar female confident"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident_1298-133.jpg",
|
||||
alt: "Young man wearing a blue outfit. Looking confident.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-confident_1298-133.jpg", alt: "Young man wearing a blue outfit. Looking confident."},
|
||||
]}
|
||||
avatarText="Join the future of automotive intelligence"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg"
|
||||
imageAlt="futuristic car dashboard telemetry data"
|
||||
mediaAnimation="slide-up"
|
||||
fixedMediaHeight={true}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Data",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Real-time Data", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Predictive AI",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Predictive AI", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Cloud",
|
||||
icon: Cloud,
|
||||
type: "text-icon", text: "Secure Cloud", icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Fleet",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Fleet", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Driver Safety",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Driver Safety", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -179,108 +119,70 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Vehicle Monitoring",
|
||||
description: "Keep a live pulse on key vehicle parameters including speed, fuel, engine temperature, and tire pressure.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362823.jpg",
|
||||
imageAlt: "real-time vehicle monitoring dashboard",
|
||||
},
|
||||
title: "Real-Time Vehicle Monitoring", description: "Keep a live pulse on key vehicle parameters including speed, fuel, engine temperature, and tire pressure.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362823.jpg", imageAlt: "real-time vehicle monitoring dashboard"},
|
||||
items: [
|
||||
{
|
||||
icon: Gauge,
|
||||
text: "Vehicle Speed",
|
||||
},
|
||||
text: "Vehicle Speed"},
|
||||
{
|
||||
icon: Fuel,
|
||||
text: "Fuel Level",
|
||||
},
|
||||
text: "Fuel Level"},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Engine Temperature",
|
||||
},
|
||||
text: "Engine Temperature"},
|
||||
{
|
||||
icon: Tyre,
|
||||
text: "Tire Pressure",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg?_wi=2",
|
||||
imageAlt: "real-time vehicle monitoring dashboard",
|
||||
text: "Tire Pressure"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Driver Behavior Analytics",
|
||||
description: "Analyze driving patterns to identify and improve behaviors like overspeeding, harsh braking, and cornering, contributing to safer journeys.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg",
|
||||
imageAlt: "driver behavior analytics visualization",
|
||||
},
|
||||
title: "Driver Behavior Analytics", description: "Analyze driving patterns to identify and improve behaviors like overspeeding, harsh braking, and cornering, contributing to safer journeys.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg", imageAlt: "driver behavior analytics visualization"},
|
||||
items: [
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
text: "Overspeed Detection",
|
||||
},
|
||||
text: "Overspeed Detection"},
|
||||
{
|
||||
icon: Brake,
|
||||
text: "Harsh Braking Detection",
|
||||
},
|
||||
text: "Harsh Braking Detection"},
|
||||
{
|
||||
icon: Medal,
|
||||
text: "Driver Score",
|
||||
},
|
||||
text: "Driver Score"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582494.jpg?_wi=2",
|
||||
imageAlt: "real-time vehicle monitoring dashboard",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Predictive Maintenance",
|
||||
description: "Leverage AI-driven insights to predict potential mechanical failures before they occur, optimizing maintenance schedules and reducing downtime.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg",
|
||||
imageAlt: "predictive maintenance car engine",
|
||||
},
|
||||
title: "Predictive Maintenance", description: "Leverage AI-driven insights to predict potential mechanical failures before they occur, optimizing maintenance schedules and reducing downtime.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg", imageAlt: "predictive maintenance car engine"},
|
||||
items: [
|
||||
{
|
||||
icon: Engine,
|
||||
text: "Engine Health Monitoring",
|
||||
},
|
||||
text: "Engine Health Monitoring"},
|
||||
{
|
||||
icon: Droplet,
|
||||
text: "Fuel Efficiency Analysis",
|
||||
},
|
||||
text: "Fuel Efficiency Analysis"},
|
||||
{
|
||||
icon: BatteryCharging,
|
||||
text: "Battery Health Tracking",
|
||||
},
|
||||
text: "Battery Health Tracking"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-uses-smartphone-while-sitting-her-room_169016-18389.jpg?_wi=2",
|
||||
imageAlt: "real-time vehicle monitoring dashboard",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Smart Notifications",
|
||||
description: "Receive timely and critical alerts directly to your device for low fuel, engine overheating, tire pressure warnings, and more.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163670.jpg",
|
||||
imageAlt: "smart vehicle notifications app",
|
||||
},
|
||||
title: "Smart Notifications", description: "Receive timely and critical alerts directly to your device for low fuel, engine overheating, tire pressure warnings, and more.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163670.jpg", imageAlt: "smart vehicle notifications app"},
|
||||
items: [
|
||||
{
|
||||
icon: Fuel,
|
||||
text: "Low Fuel Alerts",
|
||||
},
|
||||
text: "Low Fuel Alerts"},
|
||||
{
|
||||
icon: Thermometer,
|
||||
text: "Engine Overheating Alerts",
|
||||
},
|
||||
text: "Engine Overheating Alerts"},
|
||||
{
|
||||
icon: Tyre,
|
||||
text: "Tire Pressure Warnings",
|
||||
},
|
||||
text: "Tire Pressure Warnings"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg?_wi=2",
|
||||
imageAlt: "real-time vehicle monitoring dashboard",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Core Platform Capabilities"
|
||||
@@ -293,14 +195,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google Cloud",
|
||||
"Bosch",
|
||||
"Continental",
|
||||
"NVIDIA",
|
||||
"Qualcomm",
|
||||
"Microsoft",
|
||||
"Intel",
|
||||
]}
|
||||
"Google Cloud", "Bosch", "Continental", "NVIDIA", "Qualcomm", "Microsoft", "Intel"]}
|
||||
title="Trusted by Industry Innovators"
|
||||
description="Our platform is chosen by leading automotive and tech companies for its reliability, scalability, and advanced analytics capabilities."
|
||||
speed={40}
|
||||
@@ -316,17 +211,11 @@ export default function LandingPage() {
|
||||
description="Our platform transforms raw vehicle data into intelligent insights, empowering owners and fleet managers to make informed decisions for safety, efficiency, and longevity. Built on Google Cloud, we ensure scalability, security, and reliability."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Scalable GCP Infrastructure",
|
||||
description: "Leverage Google Cloud's robust and secure infrastructure for unparalleled data handling.",
|
||||
},
|
||||
title: "Scalable GCP Infrastructure", description: "Leverage Google Cloud's robust and secure infrastructure for unparalleled data handling."},
|
||||
{
|
||||
title: "Real-Time Data Processing",
|
||||
description: "Process telemetry data in milliseconds to provide instant insights and alerts.",
|
||||
},
|
||||
title: "Real-Time Data Processing", description: "Process telemetry data in milliseconds to provide instant insights and alerts."},
|
||||
{
|
||||
title: "Advanced AI/ML Analytics",
|
||||
description: "Utilize cutting-edge machine learning for predictive maintenance and driver behavior analysis.",
|
||||
},
|
||||
title: "Advanced AI/ML Analytics", description: "Utilize cutting-edge machine learning for predictive maintenance and driver behavior analysis."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662937.jpg"
|
||||
imageAlt="GCP automotive cloud infrastructure"
|
||||
@@ -338,8 +227,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Join the Future of Connected Mobility"
|
||||
description="Ready to revolutionize your fleet management or personal vehicle monitoring? Sign up today for early access and discover unparalleled insights."
|
||||
@@ -353,58 +241,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "/#features",
|
||||
},
|
||||
label: "Features", href: "/#features"},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "/dashboard",
|
||||
},
|
||||
label: "Dashboard", href: "/dashboard"},
|
||||
{
|
||||
label: "Alerts",
|
||||
href: "/alerts",
|
||||
},
|
||||
label: "Alerts", href: "/alerts"},
|
||||
{
|
||||
label: "Monitoring",
|
||||
href: "/monitoring",
|
||||
},
|
||||
label: "Monitoring", href: "/monitoring"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Architecture",
|
||||
href: "/architecture",
|
||||
},
|
||||
label: "Architecture", href: "/architecture"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Developers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Developers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/#about",
|
||||
},
|
||||
label: "About Us", href: "/#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/#contact",
|
||||
},
|
||||
label: "Contact", href: "/#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user