Lebanese Restaurant2025
Al Khawaja Restaurant
// The Project
A bilingual EN/AR Lebanese restaurant site built to serve both local and diaspora audiences. Very dark background, purple accents, and a full right-to-left layout switch that preserves every animation.
HTMLCSSJavaScriptGSAP
Al Khawaja is a traditional Lebanese restaurant that serves both local Beirut regulars and a global Lebanese diaspora audience. The brief had one hard requirement: full bilingual support, English and Arabic, with the layout flipping to RTL seamlessly.
We built the language toggle as a client-side state switch that flips dir='rtl' on the root, mirrors all flex directions, and swaps all font stacks — Beiruti for Arabic, DM Sans for English. Every GSAP animation adapts: elements that slide in from the left in LTR slide in from the right in RTL.
The very dark (#0a0a12) background and purple (#8B1FA8) accent palette gives the site a contemporary feel that respects the restaurant's heritage without leaning into tired 'Lebanese' design clichés.
WANT SOMETHING
LIKE THIS?
We can build a custom website for your restaurant, café, or business in Lebanon. Tell us what you need and we'll reply within a few hours.