Featured Project

Al-Nassim

Lebanese Restaurant & Shisha Lounge. An immersive digital experience blending gastronomy, luxury, and nightlife in the heart of Madrid with high-performance animations.

Visit Website

Client

Al-Nassim Madrid

My Role

Full Stack & UI/UX

Tech Stack

GSAP, Lenis, Tailwind, Advanced JS, Swiper.js, JSON Data

Timeline

5 Weeks

The Challenge

The client needed to unify two concepts in a single digital space: a family-friendly Halal restaurant and an exclusive nightlife Shisha Lounge. The challenge was to convey luxury and atmosphere without sacrificing load speed, while managing an extensive and changing menu without relying on a heavy CMS.

The Solution

I developed a SPA-like website using JavaScript to render the menu dynamically from JSON files, ensuring instant transitions. I implemented GSAP ScrollTrigger and Lenis for a smooth 'premium' scroll, and a *Dark Mode* design with gold accents to reflect the brand's exclusivity.

Project Gallery

Hero Section with background video and animated typography

Immersive Hero with Parallax and Video

Dual selection of spaces: Restaurant vs Lounge

Dual Navigation: Two concepts, one website

Interactive digital menu rendered with JS

Interactive Digital Menu (SPA)

3D Coverflow Gallery

Optimized Mobile-First Design

Tech Stack

Semantic HTML5 Tailwind CSS Vanilla JS (ES6+) GSAP & ScrollTrigger Lenis Smooth Scroll Swiper.js

Did you like this project?

High-impact visual websites with technical performance. Let's talk about your idea.

More Projects Let's Talk