Static rebuild of the training center's website in English and Arabic, with right-to-left layouts, structured data, an llms.txt for AI search, WhatsApp enquiries on every page, and an automated pre-launch gate covering SEO, links, buttons, responsiveness, Arabic copy and security headers.
- My role
- Rebuild, content structure, SEO and launch tooling (via RR Media)
- Links
- GitHub (planned) ↗
- Stack
- AstroTypeScriptHTML5CSS
- Astro · TypeScript · HTML/CSS · Sharp (WebP) · Puppeteer audits · Hostinger
- Microsoft-ecosystem fit
▸ Accessibility: semantic HTML, RTL support, responsive audit at 6 breakpoints
43
Pages (21 × EN/AR + 404)
2
Languages, full RTL Arabic
7
Automated pre-launch audits
Source · Captured from the production build of the rebuild (English, Arabic and mobile)
01 — Problem
The existing site had broken links and layout defects, no Arabic version for a bilingual audience, and weak search visibility for the center's ten programmes.
02 — Approach
- 01
Audited the live site and inventoried every page and asset before rebuilding, so nothing was lost in the move.
- 02
Rebuilt as a static Astro site: every page in English and Arabic, with true right-to-left layouts rather than mirrored text.
- 03
Search and AI visibility built in: per-page metadata, LocalBusiness and Course structured data, sitemap and an llms.txt describing the center.
- 04
A scripted launch gate (SEO, links, buttons, responsive, Arabic, security headers) runs before every release; images are re-encoded to sized WebP.
03 — Architecture
System architecture
S01
Audit + inventory
S02
Content model
S03
Astro build (EN/AR)
S04
SEO + schema
S05
Launch audits
S06
Hostinger
Outcome
A faster, bilingual site with every programme indexed and a repeatable launch check, delivered as a single upload package.
Next project
LevelUp AI Assistant