Ordenax landing website — initial release

README.md

@@ -0,0 +1,40 @@
+# 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.