Hey DEV community!
I'm Mahdi, 15 years old from Saudi Arabia.
This is the story of how I built and launched
my first commercial product in a few days.
What I built
A premium Arabic RTL restaurant HTML template
called Al-Asalah (الأصالة).
Features
- Full RTL support (Arabic-first design)
- Dark mode
- Complete booking system with form validation
- Interactive menu with 5 categories
- Photo gallery with lightbox
- Chef profile section
- Mobile responsive
- Vanilla HTML/CSS/JS — zero dependencies
- Schema.org structured data for SEO
The challenges
The hardest part was finding professional food
photography that matched the luxury Arabic
aesthetic. Most stock photos are Western-style.
Also learned a lot about CSS design tokens,
accessibility (ARIA), and how to structure
a commercial HTML template properly.
Live demo
https://gilded-sawine-8717b8.netlify.app
What I learned
Building something real and putting it for
sale is completely different from tutorials.
You think about the buyer, not just the code.
Would love any feedback from this community!
Get it
Available for $19 👇
https://payhip.com/b/E2izs
Top comments (0)