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

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

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