Jeloga: Ride-Hailing Platform Website

The official marketing website for Jeloga, a Nigerian ride-hailing platform where drivers keep 95% of every fare.

---

Overview

Jeloga connects riders, drivers and service providers across Lagos through one app: city rides, package delivery and trusted handyman services. This website is the brand's public face. It explains the service, converts visitors into app downloads and driver sign-ups, and supports paid ad campaigns on Meta and TikTok.

The site is built with plain HTML, CSS and JavaScript, with no framework, so it loads fast on mobile networks and deploys to any standard cPanel host.

Key Features

Rider and driver conversion

• Animated hero slideshow with interactive 3D phone mock-ups showing booking, live trip tracking and driver earnings
• Smart app download page (/app) that detects Android or iPhone and highlights the correct store, built as a single link for ads and social bios
• Fare calculator and transparent pricing explainer
• Driver registration and a full Drive-to-Own (car hire purchase) application form, delivered to the support inbox by PHP handlers

Chat assistant

• On-site chat assistant that answers common questions instantly: bookings, pricing, driver requirements, earnings, Drive-to-Own, safety and support
• Detects complaints and emergencies first and routes them to support (with a "call 112" prompt where needed)
• Hands off to the team on WhatsApp with the visitor's question already typed

Marketing and analytics

• Meta Pixel (Facebook and Instagram) and TikTok Pixel on every page
• WhatsApp hand-offs tracked as Contact conversion events for ad optimisation
• SEO essentials: meta and Open Graph tags, sitemap.xml, robots.txt and clean URLs

Experience and quality

• Fully responsive layout, tuned separately for desktop, tablet and mobile
• Scroll-reveal animations, with headings that slide in and draw an accent underline
• Respects reduced-motion settings for accessibility
• Clean URLs, forced HTTPS and a custom 404 page through .htaccess
• Cache-busted assets (styles.css?v=…) so returning visitors always get the latest version

Pages

Page	Purpose
index.html	Homepage: hero, City Rides, services, driver programme and news
services.html	Rideshare, Delivery and Handyman, with how-it-works steps
about.html	Brand story and mission
app.html	Smart download page for ads and social links (jeloga.ng/app)
help-center.html	Support topics and contact channels
safety.html	Rider and driver safety guidance
privacy-policy.html / terms-of-service.html	Legal pages
404.html	Custom "page not found"

Tech Stack

Layer	Technology
Markup and styling	HTML5, CSS3 (custom properties, Grid, Flexbox)
Interactivity	Vanilla JavaScript (IntersectionObserver, no dependencies)
Forms	PHP mail() handlers returning JSON
Hosting	Apache on cPanel, with .htaccess rewrites
Analytics	Meta Pixel, TikTok Pixel

Project Structure

├── index.html               # Homepage
├── services.html            # Services overview
├── about.html               # About Jeloga
├── app.html                 # Smart app download page (/app)
├── help-center.html         # Help Center
├── safety.html              # Safety guidance
├── privacy-policy.html      # Privacy Policy
├── terms-of-service.html    # Terms of Service
├── 404.html                 # Custom error page
├── styles.css               # Main stylesheet
├── script.js                # Site interactions, modals, animations
├── chat-widget.js           # On-site chat assistant
├── send-driver-form.php     # Driver registration handler
├── send-hire-form.php       # Drive-to-Own application handler
├── .htaccess                # Clean URLs, HTTPS, charset, 404
├── sitemap.xml / robots.txt # SEO
└── *.png / *.jpeg / *.svg   # Images and brand assets

Running Locally

The site is static, so any local web server works:

git clone https://github.com/jephcoded/jeloga.git
cd jeloga
python -m http.server 8000

Then open http://localhost:8000.

The driver and Drive-to-Own forms need a PHP-enabled server to send email. Everything else works on any static server.

Deployment

1. Upload the project files to public_html on the cPanel host.
2. Make sure .htaccess is uploaded. It handles clean URLs (/about instead of /about.html), HTTPS and character encoding.
3. After changing styles.css, bump its version number in each page (styles.css?v=12 → v=13) so browsers load the new file instead of a cached copy. The same applies to chat-widget.js.

Configuration

What	Where
Chat assistant answers and keywords	TOPICS and INTENTS in chat-widget.js
WhatsApp number and app store links	Top of chat-widget.js
Form recipient email	$to in send-driver-form.php and send-hire-form.php
Meta and TikTok pixel IDs	<head> of each HTML page

---

Credits

Client: Jeloga Nigeria Design and development: jephcoded

License

© 2026 Jeloga Nigeria. All rights reserved.

This source code is published for portfolio purposes only. You may not copy, reproduce or redistribute it without written permission.