The Gate for Training Services in Muscat teaches American Heart Association life-support courses and Highfield food-safety and HACCP qualifications. Their old WordPress site was Arabic-only, its English pages returned errors, and the calendar and gallery were empty. We rebuilt it from scratch as a fast .NET app: Arabic and English switched live, all fifteen courses with prices and certificates, booking, a working calendar and gallery, rich link previews for WhatsApp, and a design built for phones first.
Every screen below is from the live site. Course names, prices and accreditations are the centre's real catalogue.
Arabic is the default and reads right-to-left; English flips the whole layout to left-to-right on the spot. The choice is remembered, so the next visit opens in the right language straight from the server.
Medical, HACCP, food safety and environmental health courses with their real prices, hours and awarding body. Visitors filter by category, search by name and sort by price or popularity.
Each course has its own page with content, certificate and target audience in tabs, and a price card that stays in view. One click opens a booking form, or a WhatsApp chat already filled with the course name.
A month view highlights the days with training sessions; picking a day lists its courses with time, venue, price and seats left. On the old site this page was empty.
Photos from courses and workshops open in a full-screen viewer with captions, a counter and keyboard navigation. If any photo ever fails to load, a branded placeholder takes its place instead of a broken image.
If the connection drops, a branded overlay reconnects automatically, retries when the visitor returns to the tab or comes back online, and the server keeps the session for ten minutes. Links shared in WhatsApp, Facebook or Telegram show the logo, title and description.
Most visitors arrive from WhatsApp on a phone, so the phone layout got its own pass: a compact top bar, a slide-in menu with the course categories as a tree, smaller type, and lighter effects so scroll animations start instantly.
