Alpha Surfers Academy

The brief

Alpha Surfers Academy runs surf and kitesurf camps in Sidi Kaouki, near Essaouira in Morocco. Its guests come from all over Europe and beyond, so the site has to sell the experience — and be found — in each of their languages.

The challenge

Seven languages means seventy pages to keep in step, and one of them, Arabic, reads right to left, so the whole layout has to mirror, not only the text. Every version also needs its own address, title and hreflang links to be found in search, without a CMS or framework to maintain.

What I built

A fast static site with a page for each programme — surf, kitesurf, camps, surfari tours and yoga — a booking form and one-tap WhatsApp contact everywhere. One translation file drives all seven languages, including right-to-left Arabic: the build writes a separate page for every language with its own title, description and hreflang tags, so each version can be found in search.

Inside the build

The parts that do the work

01Seven languages, Arabic mirrored

English, German, Dutch, French, Spanish, Italian and Arabic. Arabic pages run right to left, so menu, text and buttons mirror.

02Fast, framework-free static site

Plain HTML, Tailwind and a little JavaScript, built with Vite. Images load lazily and the hero image gets top priority.

03SEO in every page

Each of the 70 pages gets its own lang, dir, title, description, Open Graph tags, canonical and hreflang links, plus structured data for the camp.

04Booking form with pre-fill

Name, contact, programme, travel month, group size and level. “Select package” fills in the programme and jumps to the form. Spam trap included.

05WhatsApp, packages and prices

A “Chat with Kabir” WhatsApp button on every page, and clear prices: surf camp from €500, kite camp from €800, surfari €50 per person.

06Build pipeline

A small Vite plugin shares the navbar, footer and cookie banner across pages; a post-build script writes the six translated copies of every page.

Recreated with demo data — no real client information.

Built with

Vite
Tailwind
JavaScript
Web3Forms
Vercel

How it came together

From brief to live

Duration: Jun – Aug 2026

Jun 2026
Strategy & planning
Planned the site as one page per programme (surf, kitesurf, surfari, camps, yoga) with shared parts, and set up the booking form with inline validation.
Jul 2026
Design & build
Connected the booking form to Web3Forms and added the language routes: German, Dutch, Italian, French, Spanish and right-to-left Arabic, from one translation file.
Jul 2026
Launch & automate
Speed and search pass: optimised images, a lazy-loaded hero video and rewritten page descriptions.
Aug 2026
Ongoing support
Updated the accommodation descriptions and made text alignment consistent across the site.