# 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

1. Push this repository to your Git provider.
2. In Coolify, create a **Static Site** resource.
3. Select this repository and the branch you want to deploy.
4. Set the **Base Directory** to `/` (root).
5. Leave **Build Command** empty.
6. Set **Publish Directory** to `/` (root).
7. Deploy.

No build step is required. 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.