Merge version_1 into main #2
140
src/app/page.tsx
140
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Live Dashboard",
|
||||
id: "/",
|
||||
},
|
||||
name: "Live Dashboard", id: "/"},
|
||||
{
|
||||
name: "Analytics",
|
||||
id: "/analytics",
|
||||
},
|
||||
name: "Analytics", id: "/analytics"},
|
||||
{
|
||||
name: "Reports",
|
||||
id: "/reports",
|
||||
},
|
||||
name: "Reports", id: "/reports"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
name: "Settings", id: "/settings"},
|
||||
]}
|
||||
brandName="DMS Dashboard"
|
||||
/>
|
||||
@@ -52,17 +44,14 @@ export default function LandingPage() {
|
||||
<div id="hero-dashboard" data-section="hero-dashboard">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="RealTime Driver Safety, Always Watching"
|
||||
description="Monitor drowsiness, distraction, and phone use live. Prevent accidents before they happen with instant alerts and detailed session reports."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Monitoring",
|
||||
href: "/",
|
||||
},
|
||||
text: "Start Monitoring", href: "/"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/a-hyper-realistic-dark-themed-dashboard--1774833512780-7b7d772b.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/a-hyper-realistic-dark-themed-dashboard--1774833512780-7b7d772b.png"
|
||||
imageAlt="Dashboard visualization"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,42 +64,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Drowsiness & Yawning",
|
||||
description: "Measures eye closure rate (PERCLOS) and yawning frequency to trigger alerts.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png?_wi=1",
|
||||
},
|
||||
title: "Drowsiness & Yawning", description: "Measures eye closure rate (PERCLOS) and yawning frequency to trigger alerts.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png?_wi=1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/a-hyper-realistic-dark-themed-dashboard--1774833512780-7b7d772b.png?_wi=2",
|
||||
imageAlt: "A hyper-realistic, dark-themed dashboard showing a driver safety monitoring interface with circular ",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Head & Gaze Tracking",
|
||||
description: "Detects distraction by monitoring head orientation and gaze direction.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png?_wi=2",
|
||||
},
|
||||
title: "Head & Gaze Tracking", description: "Detects distraction by monitoring head orientation and gaze direction.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png?_wi=3",
|
||||
imageAlt: "Close-up view of a high-tech camera module integrated into a modern vehicle interior, sleek minimali",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png"}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Phone Detection",
|
||||
description: "Instantly identifies mobile device usage by the driver to maintain focus.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png?_wi=4",
|
||||
},
|
||||
title: "Phone Detection", description: "Instantly identifies mobile device usage by the driver to maintain focus.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png?_wi=3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png?_wi=4",
|
||||
imageAlt: "Smartphone display showing real-time drowsiness alerts with charts and graphs, dark mode interface, ",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -127,25 +98,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "99.9%",
|
||||
description: "Alert Accuracy",
|
||||
},
|
||||
id: "1", value: "99.9%", description: "Alert Accuracy"},
|
||||
{
|
||||
id: "2",
|
||||
value: "<50ms",
|
||||
description: "Signal Latency",
|
||||
},
|
||||
id: "2", value: "<50ms", description: "Signal Latency"},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Monitoring Uptime",
|
||||
},
|
||||
id: "3", value: "24/7", description: "Monitoring Uptime"},
|
||||
{
|
||||
id: "4",
|
||||
value: "15k+",
|
||||
description: "Active Drivers",
|
||||
},
|
||||
id: "4", value: "15k+", description: "Active Drivers"},
|
||||
]}
|
||||
title="System Performance Metrics"
|
||||
description="Real-time accuracy and reliability data for our monitoring fleet."
|
||||
@@ -162,41 +121,17 @@ export default function LandingPage() {
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@logistics_ops",
|
||||
testimonial: "This system reduced incidents by 40% in just two months.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/abstract-background-of-digital-binary-co-1774833487713-9bdd1b7b.png",
|
||||
imageAlt: "Abstract background of digital binary code and signal waves in deep blue and purple, representing ne",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@logistics_ops", testimonial: "This system reduced incidents by 40% in just two months.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/abstract-background-of-digital-binary-co-1774833487713-9bdd1b7b.png", imageAlt: "Abstract background of digital binary code and signal waves in deep blue and purple, representing ne"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@transport_lead",
|
||||
testimonial: "The real-time alerts are a game changer for our night shifts.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/a-hyper-realistic-dark-themed-dashboard--1774833512780-7b7d772b.png?_wi=3",
|
||||
imageAlt: "A hyper-realistic, dark-themed dashboard showing a driver safety monitoring interface with circular ",
|
||||
},
|
||||
id: "2", name: "Mike R.", handle: "@transport_lead", testimonial: "The real-time alerts are a game changer for our night shifts.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/a-hyper-realistic-dark-themed-dashboard--1774833512780-7b7d772b.png", imageAlt: "A hyper-realistic, dark-themed dashboard showing a driver safety monitoring interface with circular "},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
handle: "@fleet_manager",
|
||||
testimonial: "Seamless integration with our existing telematics infrastructure.",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png?_wi=5",
|
||||
imageAlt: "Close-up view of a high-tech camera module integrated into a modern vehicle interior, sleek minimali",
|
||||
},
|
||||
id: "3", name: "Elena V.", handle: "@fleet_manager", testimonial: "Seamless integration with our existing telematics infrastructure.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/close-up-view-of-a-high-tech-camera-modu-1774833488283-b69baccb.png", imageAlt: "Close-up view of a high-tech camera module integrated into a modern vehicle interior, sleek minimali"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@ops_director",
|
||||
testimonial: "Actionable data that actually makes a difference.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png?_wi=5",
|
||||
imageAlt: "Smartphone display showing real-time drowsiness alerts with charts and graphs, dark mode interface, ",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@ops_director", testimonial: "Actionable data that actually makes a difference.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bdyr8fBaLQD5wgUuEbAsupcqC6/smartphone-display-showing-real-time-dro-1774833503271-2b1a2ae0.png", imageAlt: "Smartphone display showing real-time drowsiness alerts with charts and graphs, dark mode interface, "},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,8 +140,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to secure your fleet?"
|
||||
description="Speak with a consultant about custom deployment for your operations."
|
||||
@@ -220,25 +154,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy", href: "/privacy"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "/",
|
||||
},
|
||||
label: "Dashboard", href: "/"},
|
||||
{
|
||||
label: "Reports",
|
||||
href: "/reports",
|
||||
},
|
||||
label: "Reports", href: "/reports"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user