diff --git a/src/app/alerts/page.tsx b/src/app/alerts/page.tsx index 1716a24..b7e7703 100644 --- a/src/app/alerts/page.tsx +++ b/src/app/alerts/page.tsx @@ -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, Cable, Router, Fuel, BatteryCharging, Thermometer, Oil, Tyre, AirVent } from "lucide-react"; +import { Car, Lock, Cable, Router, Fuel, BatteryCharging, Thermometer, OilCan, CircleDot, AirVent } from "lucide-react"; export default function LandingPage() { return ( @@ -88,7 +88,7 @@ export default function LandingPage() { icon: Thermometer, text: "Engine Overheating"}, { - icon: Oil, + icon: OilCan, text: "Low Oil Pressure"}, ], reverse: true @@ -98,7 +98,7 @@ export default function LandingPage() { imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphone-scene_23-2151500073.jpg", imageAlt: "smart vehicle notifications app"}, items: [ { - icon: Tyre, + icon: CircleDot, text: "Low Tire Pressure"}, { icon: AirVent, diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx index 51d07c3..e8838ed 100644 --- a/src/app/dashboard/page.tsx +++ b/src/app/dashboard/page.tsx @@ -4,9 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; import FooterBase from '@/components/sections/footer/FooterBase'; +import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import ProductCardOne from '@/components/sections/product/ProductCardOne'; -import { Gauge, Power, Speedometer, Fuel, Thermometer, HeartPulse, BatteryCharging } from "lucide-react"; +import { Car, Lock, Cable, Router, Fuel, BatteryCharging, Thermometer, Gauge, HeartPulse, Power } from "lucide-react"; export default function LandingPage() { return ( @@ -49,10 +50,10 @@ export default function LandingPage() { 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"}, + imageSrc: "http://img.b2bpic.net/free-photo/dashboard-module-speed.jpg", imageAlt: "dashboard current speed widget"}, items: [ { - icon: Speedometer, + icon: Gauge, text: "Current Speed"}, { icon: Fuel, @@ -68,7 +69,7 @@ export default function LandingPage() { }, { 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"}, + imageSrc: "http://img.b2bpic.net/free-photo/dashboard-module-fuel.jpg", imageAlt: "dashboard fuel level indicator"}, items: [ { icon: Gauge, @@ -81,7 +82,7 @@ export default function LandingPage() { text: "Battery Voltage"}, ], 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." @@ -97,17 +98,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/dashboard-module-driver-score.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/dashboard-module-health-score.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/dashboard-module-engine-temp.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/dashboard-module-speed__2.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/dashboard-module-fuel__2.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/dashboard-module-map.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." diff --git a/src/app/page.tsx b/src/app/page.tsx index f7fbc65..1db30a3 100644 --- a/src/app/page.tsx +++ b/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, Fuel, Thermometer, Tire, Disc, Cog, BatteryCharging } from "lucide-react"; +import { AlertTriangle, Cloud, Droplet, Gauge, Globe, Lightbulb, Medal, ShieldCheck, Fuel, Thermometer, CircleDot, Disc, Cog, BatteryCharging } from "lucide-react"; export default function LandingPage() { return ( @@ -132,7 +132,7 @@ export default function LandingPage() { icon: Thermometer, text: "Engine Temperature"}, { - icon: Tire, + icon: CircleDot, text: "Tire Pressure"}, ], reverse: false @@ -180,7 +180,7 @@ export default function LandingPage() { icon: Thermometer, text: "Engine Overheating Alerts"}, { - icon: Tire, + icon: CircleDot, text: "Tire Pressure Warnings"}, ], reverse: true