01
Core experience
Art-directed home page with an asymmetric hero, availability prompt, dynamic menu synchroniser, chef story, private dining feature, journal preview, and newsletter success state.
Food & Hospitality
Lumbre Oculta — Contemporary Mexican Cocina
Lumbre Oculta is a responsive, editorial restaurant website concept for a contemporary Mexican dining room in Brighton.
Food and hospitality websitecocktaildiningfoodrestaurant
Visit live website ↗lumbre-oculta.vercel.app
Project type
Food and hospitality website
Industry
Food & Hospitality
Experience
Responsive web experience
Availability
Live deployment
Project overview
Inside the Lumbre Oculta — Contemporary Mexican Cocina experience
Lumbre Oculta is a responsive, editorial restaurant website concept for a contemporary Mexican dining room in Brighton. It gives diners a clear route from discovery to menu exploration, dish details, agave storytelling, private dining enquiries, location planning, and a polished reservation confirmation flow.
Portfolio note: This is a frontend restaurant concept. Addresses, contact details, menu pricing, availability, booking results, and people shown in the content are illustrative and are not claims about an operating restaurant.
Core experience | Art-directed home page with an asymmetric hero, availability prompt, dynamic menu synchroniser, chef story, private dining feature, journal preview, and newsletter success state.
Experience details
Key features and interaction highlights
02
Restaurant content
Menu catalogue, searchable and section-filtered menu, individual dish pages, dietary labels, agave pours, cocktail list, and journal articles.
03
Conversion flows
Header/footer reservation trigger; layered reservation panel with date, party size, arrival choice, client-side unavailable state, guest form, and confirmation route.
04
Navigation
Wouter client routing, mobile drawer navigation, 404 recovery page, desktop navigation, and all normal forward navigation resets to scrollY = 0.
05
Themes
Persistent, user-switchable light/day and dark/night themes using centralized CSS custom properties.
06
Motion
GSAP home-page entrance sequence, multi-layer paper-cut parallax across the hero, menu, chef, room, and groups stages, scroll-triggered visual reveals, and a pinned “mole narrative” desktop sequence.
Visual gallery
Desktop details and mobile experience
Three genuine captures from the live deployment show the opening view, an interior content section, and the responsive mobile composition.
Build characteristics
Technology and delivery signals
Labels come from project documentation where available; conservative delivery characteristics are used when a repository does not specify its stack.
ReactTypeScriptViteTailwind CSSGSAPWouterExpressNode.js
Project FAQ
Questions about Lumbre Oculta — Contemporary Mexican Cocina
What is Lumbre Oculta — Contemporary Mexican Cocina?
Lumbre Oculta is a responsive, editorial restaurant website concept for a contemporary Mexican dining room in Brighton.
Who is the Lumbre Oculta — Contemporary Mexican Cocina website designed for?
Guests exploring the menu, venue, hospitality experience, and booking options.
What does the Lumbre Oculta — Contemporary Mexican Cocina experience include?
The documented experience includes core experience, restaurant content, conversion flows, navigation. The live website shows the complete interface and interaction flow.
Can I view Lumbre Oculta — Contemporary Mexican Cocina online?
Yes. Use the “Visit live website” link on this page to open the current public deployment.
