diff --git a/src/app/page.tsx b/src/app/page.tsx index 585b933..28ac9cb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,21 +29,13 @@ export default function LandingPage() { @@ -52,17 +44,14 @@ export default function LandingPage() {
@@ -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, "}, ]} /> @@ -205,8 +140,7 @@ export default function LandingPage() {