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:

Build and push the image to the Gitea container registry:

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

Coolify app ordenax-landing pulls git.x0trader.com/aiman/ordenax-landing:latest and serves it on port 80.
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

python3 -m http.server 8080
# open http://localhost:8080

Before going live

Wire the contact form in app.js to your real form handler (it currently validates client-side and shows a success message).
Replace placeholder app-store / phone links with real URLs.
Add og:url and <link rel="canonical"> once the domain is known.