# 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.