46 lines
1.9 KiB
Markdown
46 lines
1.9 KiB
Markdown
# Ordenax Landing Website
|
|
|
|
A static, bilingual (EN/AR), Apple-inspired marketing website for Ordenax — the Saudi grocery platform that connects shoppers, local stores, and wholesale suppliers.
|
|
|
|
## Files
|
|
|
|
| File | Purpose |
|
|
|------|---------|
|
|
| `index.html` | Homepage with hero, benefits, how it works, stats, testimonials, CTA |
|
|
| `shoppers.html` | Consumer-facing page |
|
|
| `stores.html` | Store owner page with pricing |
|
|
| `wholesale.html` | Supplier / wholesale page |
|
|
| `contact.html` | Contact form and office info |
|
|
| `styles.css` | Shared stylesheet, animations, responsive layout |
|
|
| `app.js` | Bilingual i18n, RTL switching, scroll animations, mobile nav, form validation |
|
|
|
|
## Deploy to Coolify (current setup)
|
|
|
|
Deployment runs on Coolify as a **Docker image** resource built from this repository:
|
|
|
|
1. Build and push the image to the Gitea container registry:
|
|
```bash
|
|
docker login git.x0trader.com -u Aiman # token as password
|
|
docker build -t git.x0trader.com/aiman/ordenax-landing:latest .
|
|
docker push git.x0trader.com/aiman/ordenax-landing:latest
|
|
```
|
|
2. Coolify app `ordenax-landing` pulls `git.x0trader.com/aiman/ordenax-landing:latest` and serves it on port 80.
|
|
3. Live URL (auto-generated domain): `http://gcsqmj3tajthnnqud65adoep.187.127.225.190.sslip.io`
|
|
|
|
To update the site: commit changes, rebuild + push the image, then redeploy the app in Coolify.
|
|
|
|
> Note: the container uses BusyBox `httpd` (pure static serving, no build step). The site is pure HTML, CSS, and JavaScript.
|
|
|
|
## Local preview
|
|
|
|
```bash
|
|
python3 -m http.server 8080
|
|
# open http://localhost:8080
|
|
```
|
|
|
|
## Before going live
|
|
|
|
1. Wire the contact form in `app.js` to your real form handler (it currently validates client-side and shows a success message).
|
|
2. Replace placeholder app-store / phone links with real URLs.
|
|
3. Add `og:url` and `<link rel="canonical">` once the domain is known.
|