41 lines
1.4 KiB
Markdown
41 lines
1.4 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
|
|
|
|
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.
|