Overview
Serves Arabic (RTL, default) and English from locale-prefixed routes, with a proxy that redirects bare URLs to the right language.
- Year
- 2026
- Role
- Full-stack Development
Sumac
A bilingual Arabic/English restaurant site with a cinematic menu, persistent cart and one-tap WhatsApp checkout.
Year
2026
Role
Full-stack Development
Platform
Web
Status
In Progress
What was built
Key features
- Shipped
- 08
- Platform
- Web
Serves Arabic (RTL, default) and English from locale-prefixed routes, with a proxy that redirects bare URLs to the right language.
Opens with a skippable branded intro curtain and a GSAP SplitText hero that cycles featured dishes with crossfading imagery.
Lets guests filter the menu by category and best-sellers, search in Arabic or English, and sort by popularity or price.
Keeps the cart in a persisted Zustand store that hydrates after mount, so the nav badge never causes a hydration mismatch.
Turns the cart into a formatted, bilingual WhatsApp order (reference number, line items, totals, customer details) in one tap.
Attaches the customer's GPS location as a Google Maps link and opens the native WhatsApp app on mobile and desktop, falling back to WhatsApp Web.
Installs as a PWA, with a custom install prompt for Android (beforeinstallprompt) and Add-to-Home-Screen guidance for iOS Safari.
Ships local SEO out of the box: per-locale metadata, hreflang alternates, sitemap, robots, Open Graph cards and schema.org Restaurant JSON-LD.
Gallery
Inside Sumac
Experience
Opens with a skippable branded intro curtain and a GSAP SplitText hero that cycles featured dishes with crossfading imagery.
- Platform
- Web
- Status
- In Progress
Engineering
Lets guests filter the menu by category and best-sellers, search in Arabic or English, and sort by popularity or price.
- Stack
- Next.js 16 · GSAP · Zustand
- Features
- 8 shipped
More work
Related projects
LiveMT Center
A cinematic, bilingual luxury barbershop website for a 15-year-old Bethlehem institution — built with animated page transitions, scroll-driven storytelling, and a full AR/EN experience.
In ProgressCancer Reports Management System
A secure, role-based medical portal for Khaled Al-Hassan Cancer Hospital — enabling staff to manage research reports, categories, and events with granular access control.
