From 2c1ef1312156fbb0d6573ea10649026e01da03ef Mon Sep 17 00:00:00 2001 From: yaschalew Date: Fri, 22 May 2026 20:12:04 +0300 Subject: [PATCH 1/4] add user registrations --- apps/edr-freight-web/portal/src/App.tsx | 6 +- .../src/pages/EDRFreightLandingPage.tsx | 612 ++++++++++++++++++ .../portal/src/pages/accounts/SignupPage.tsx | 350 ++++++++++ .../portal/src/services/crud.ts | 60 -- 4 files changed, 967 insertions(+), 61 deletions(-) create mode 100644 apps/edr-freight-web/portal/src/pages/EDRFreightLandingPage.tsx create mode 100644 apps/edr-freight-web/portal/src/pages/accounts/SignupPage.tsx delete mode 100644 apps/edr-freight-web/portal/src/services/crud.ts diff --git a/apps/edr-freight-web/portal/src/App.tsx b/apps/edr-freight-web/portal/src/App.tsx index 591f2ec38..65b928830 100644 --- a/apps/edr-freight-web/portal/src/App.tsx +++ b/apps/edr-freight-web/portal/src/App.tsx @@ -42,6 +42,8 @@ import DocumentsPage from "./pages/documents/DocumentsPage"; import DropdownSettingsPage from "./pages/admin/DropdownSettingsPage"; import FileUploadSettingsPage from "./pages/admin/FileUploadSettingsPage"; import MyPortalPage from "./pages/portal/MyPortalPage"; +import EDRFreightLandingPage from "./pages/EDRFreightLandingPage"; +import SignupPage from "./pages/accounts/SignupPage"; const sidebarItems: SidebarItem[] = [ { label: "My Portal", href: "/portal", icon: }, @@ -74,8 +76,10 @@ const App = () => { if (!user) { return ( + } /> + } /> } /> - } /> + {/* } /> */} ); } diff --git a/apps/edr-freight-web/portal/src/pages/EDRFreightLandingPage.tsx b/apps/edr-freight-web/portal/src/pages/EDRFreightLandingPage.tsx new file mode 100644 index 000000000..d0faeb662 --- /dev/null +++ b/apps/edr-freight-web/portal/src/pages/EDRFreightLandingPage.tsx @@ -0,0 +1,612 @@ +import { + ArrowRight, + BarChart3, + CheckCircle2, + Clock3, + Globe2, + Mail, + MapPin, + Menu, + Phone, + ShieldCheck, + Train, + Truck, + Users, +} from "lucide-react"; + +const stats = [ + { + label: "Active Corridors", + value: "24+", + icon: Globe2, + }, + { + label: "Monthly Shipments", + value: "12K+", + icon: Truck, + }, + { + label: "Fleet Coverage", + value: "16 Trains", + icon: Train, + }, + { + label: "On-time Delivery", + value: "100%", + icon: Clock3, + }, +]; + +const features = [ + { + title: "Real-time Shipment Tracking", + description: + "Track consignments across Addis Ababa, Dire Dawa, Djibouti, Mojo, and all major freight corridors.", + icon: Truck, + }, + { + title: "Rail Freight Operations", + description: + "Monitor train schedules, operational performance, maintenance, and corridor activity.", + icon: Train, + }, + { + title: "Smart Analytics Dashboard", + description: + "Visualize operational insights, shipment trends, and corridor performance in real time.", + icon: BarChart3, + }, + { + title: "Enterprise-grade Security", + description: + "Secure portal access, billing workflows, document management, and customer operations.", + icon: ShieldCheck, + }, +]; + +const corridors = [ + "Addis Ababa → Djibouti", + "Dire Dawa → Djibouti", + "Adama → Dire Dawa", + "Mojo → Djibouti", + "Awash → Holhol", + "Mieso → Aysha", +]; + +export default function EDRFreightLandingPage() { + return ( +
+ {/* Navbar */} +
+
+
+
+ +
+ +
+

+ EDR Freight +

+ +

+ Rail Logistics Platform +

+
+
+ + + + +
+
+ + {/* Hero */} +
+
+ +
+
+
+ + Ethiopia–Djibouti Railway Freight Platform +
+ +

+ Smarter Railway Freight Logistics For Modern Operations +

+ +

+ EDR Freight enables logistics companies and railway operators + to manage shipments, monitor freight corridors, optimize train + operations, and streamline enterprise logistics workflows. +

+ + + +
+ {[ + "Real-time Tracking", + "Railway Analytics", + "Secure Operations", + "Multi-corridor Freight", + ].map((item) => ( +
+ + {item} +
+ ))} +
+
+ + {/* Hero Dashboard Card */} +
+
+
+
+

+ Freight Operations +

+ +

+ Live Statistics +

+
+ +
+ +
+
+ +
+ {stats.map((item) => { + const Icon = item.icon; + + return ( +
+
+ +
+ +

+ {item.value} +

+ +

+ {item.label} +

+
+ ); + })} +
+ +
+
+
+

+ Corridor Performance +

+ +

+ 99% +

+
+ +
+ Operational +
+
+ +
+
+
+
+
+ +
+
+
+ +
+ +
+

+ 16 Trains Active +

+ +

+ Across all freight corridors +

+
+
+
+
+
+
+ + {/* Features */} +
+
+
+
+ Platform Features +
+ +

+ Everything needed for freight operations +

+ +

+ Centralized railway freight operations with live shipment + visibility, operational monitoring, customer management, + and intelligent logistics insights. +

+
+ +
+ {features.map((feature) => { + const Icon = feature.icon; + + return ( +
+
+ +
+ +

+ {feature.title} +

+ +

+ {feature.description} +

+
+ ); + })} +
+
+
+ + {/* Corridors */} +
+
+
+
+
+ Freight Corridors +
+ +

+ Connected logistics infrastructure +

+ +

+ Efficiently move freight across strategic Ethiopia–Djibouti + railway corridors with operational visibility and optimized + transport coordination. +

+ +
+ {corridors.map((corridor) => ( +
+
+ + {corridor} +
+ ))} +
+
+ +
+
+
+

+ Operational Insights +

+ +

+ Freight Performance +

+
+ +
+ +
+
+ +
+ {[ + { + label: "Bookings Processed", + value: "9,842", + progress: "92%", + }, + { + label: "On-time Shipments", + value: "99%", + progress: "99%", + }, + { + label: "Customer Satisfaction", + value: "99%", + progress: "99%", + }, + ].map((item) => ( +
+
+ {item.label} + + + {item.value} + +
+ +
+
+
+
+ ))} +
+ +
+
+
+ +
+ +
+

+ Enterprise-ready Platform +

+ +

+ Designed for large-scale freight and railway operations. +

+
+
+
+
+
+
+
+ + {/* Contact */} +
+
+
+
+
+ Contact Us +
+ +

+ Let’s move freight smarter +

+ +

+ Contact EDR Freight for partnership opportunities, + enterprise onboarding, or logistics support. +

+ +
+
+
+ +
+ +
+

Email

+

+ support@edrfreight.com +

+
+
+ +
+
+ +
+ +
+

Phone

+

+ +251 11 000 0000 +

+
+
+ +
+
+ +
+ +
+

Head Office

+

+ Addis Ababa, Ethiopia +

+
+
+
+
+ + {/* Contact Form */} +
+

+ Send us a message +

+ +

+ We’ll get back to you as soon as possible. +

+ +
+ + + + +