From 156d39a9c8db413a308be17dab92c47b9e4ca108 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Thu, 4 Dec 2025 19:20:09 +0000 Subject: [PATCH] Auto commit: 2025-12-04T19:20:09.844Z --- index.php | 43 ++++++++++++++++++++++ public/css/styles.css | 29 +++++++++++++++ src/pages/LandingPage.js | 77 ++++++++++++++++++++++++++++++++++++++++ 3 files changed, 149 insertions(+) create mode 100644 index.php create mode 100644 public/css/styles.css create mode 100644 src/pages/LandingPage.js diff --git a/index.php b/index.php new file mode 100644 index 0000000..d8bba78 --- /dev/null +++ b/index.php @@ -0,0 +1,43 @@ + + + + + + + GenFleet IoT Command Center + + + + + + + + + + + + + + + + + + + +
+ + + + + + + diff --git a/public/css/styles.css b/public/css/styles.css new file mode 100644 index 0000000..39987f0 --- /dev/null +++ b/public/css/styles.css @@ -0,0 +1,29 @@ + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); + +body { + background-color: #1E1E1E; + color: #F5F5F5; + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + margin: 0; + padding: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.hero-section { + min-height: 80vh; + display: flex; + align-items: center; + justify-content: center; +} + +.hero-section h1 { + font-size: 3.5rem; + font-weight: 700; +} + +.hero-section p { + font-size: 1.25rem; + color: #E0E0E0; +} diff --git a/src/pages/LandingPage.js b/src/pages/LandingPage.js new file mode 100644 index 0000000..b156aee --- /dev/null +++ b/src/pages/LandingPage.js @@ -0,0 +1,77 @@ +const LandingPage = () => { + const { Button } = primereact.button; + const { Card } = primereact.card; + return ( +
+ {/* Hero Section */} +
+
+

GenFleet IoT Command Center

+

Unified telemetry for gensets, fleets, and heavy equipment.

+

Monitor uptime, optimize fuel consumption, and enable predictive maintenance to keep your operations running at peak efficiency.

+
+
+ + {/* Personas Section */} +
+

Who Benefits?

+
+
+ +

Track vehicle locations, monitor driver behavior, and schedule preventative maintenance to ensure your fleet runs smoothly and efficiently.

+ +
+
+ +

Receive real-time alerts on equipment status, perform pre-operational checks, and access maintenance history on the go.

+ +
+
+ +

Diagnose issues remotely, manage work orders, and track parts inventory to keep your assets in top condition.

+ +
+
+
+ + {/* Features Section */} +
+

Key Features

+
+
+ +

Live data streams from all your connected assets, including location, fuel levels, engine diagnostics, and more.

+ +
+
+ +

Leverage AI-driven insights to predict equipment failures and optimize maintenance schedules before issues arise.

+ +
+
+ +

Set up automated alerts, notifications, and task assignments based on predefined rules and thresholds.

+ +
+
+ +

Define virtual boundaries and receive instant alerts for unauthorized movement or entry/exit from designated areas.

+ +
+
+ +

Generate comprehensive reports for operational efficiency, regulatory compliance, and performance analysis.

+ +
+
+ +

Access all features and data on the go with a fully responsive design optimized for mobile devices.

+ +
+
+
+
+ ); +}; +window.LandingPage = LandingPage;