Angan — Premium Fine Dining Restaurant Website
A cinematic dark-luxury restaurant website for a premium fine dining brand in Ahmedabad. Features Cormorant Garamond editorial typography, full menu with tasting courses, reservation system, chef story, masonry gallery with lightbox, and Framer Motion cinematic scroll animations.
Angan (આંગણ — "The Courtyard") is a premium fine dining restaurant demo website built for Ahmedabad's upscale dining market. Designed to compete with the best restaurant websites in India — Indian Accent, Masque, Olive Bar — it features a dark moody cinematic aesthetic with warm gold accents, editorial typography, and deliberate slow animations that feel like a restaurant door opening.
The Challenge
Most restaurant websites in Ahmedabad are either Zomato listing clones or generic templates. Premium restaurants deserve a digital presence that matches their physical experience — where the website itself feels like the first course. The goal was to build a demo that shows restaurant clients exactly what ₹8–12L agency-quality work looks like.
Our Approach
6-page React website — Home (cinematic hero, featured dishes, animated stats, staggered testimonials), full Menu page (editorial layout with featured dish strips, tasting menu CTA, category filter tabs), Reservations page (split layout, floating label form, success confirmation), Our Story (chef bio, philosophy sections), Gallery (masonry grid with lightbox and category filter), and Contact (private dining enquiry form, dark-tinted map). Grain texture overlay, candlelight glow gradients, and Lenis smooth scroll throughout.
Tech Stack
Services Delivered
- Web Development
- UI/UX Design
- Premium Branding
Duration
3 weeks
Year
2025
What We Built
Cinematic Dark-Luxury Aesthetic
Dark moody palette with warm gold accents, 4% opacity SVG grain texture overlay, and candlelight glow gradients that remove the flat digital look.
Editorial Menu Layout
Full menu page with featured dish strips, tasting menu CTA, category filter tabs, and Cormorant Garamond typography at 80–120px.
Reservation System
Split layout reservation page with floating label form, date/time picker, and animated success confirmation.
Masonry Gallery with Lightbox
Category-filtered masonry grid gallery with smooth lightbox overlay for immersive food photography viewing.
Framer Motion Cinematic Animations
Deliberate 0.8–1.2s ease animations (no bounce) throughout — pacing that separates fine dining from fast food in web design.
Lenis Smooth Scroll
Buttery smooth scrolling experience powered by Lenis, with grain texture and candlelight gradients visible throughout the journey.
Results Delivered
Used as a live sales demo for restaurant and hospitality clients
Candlelit aesthetic prompts "this looks like a real restaurant in Mumbai" reactions
Zero Three.js — all depth from typography and photography
Cinematic 0.8–1.2s ease animations separate fine dining from fast food in web design
Project Screenshots
Want a project like this?
Let's talk about your idea. Free consultation, no obligations.