floris-restaurant.vercel.app
08 / 11
🌐 Live Client
Floris Restaurant & Banquet Website
Floris Restaurant & Banquet is a premium dining and events venue in Patan, Gujarat. The website is a single-page React application built with a fully custom fire brand design system — deep black backgrounds with orange/amber fire gradients, glowing shadows, and smooth scroll navigation. Every section from hero to contact is designed to convert visitors into bookings, with a prominent 'Book a Table' CTA and IntersectionObserver-driven active nav highlighting.
Engineering Case Study
- Challenge
- A restaurant and banquet venue needs a branded online presence that helps visitors explore its offering and find the booking/contact path on mobile or desktop.
- Approach
- Build a React 19 and Vite single-page site with a custom black-and-fire visual identity, Tailwind styling and section-based navigation.
- Contribution
- Created the hero and venue sections, menu and gallery presentation, animated mobile navigation, scroll-aware active links and a clear Book a Table call to action.
- Outcome
- Delivered a live client website for Floris Restaurant & Banquet, with the production site hosted on Vercel.
Key Features
- Custom fire brand design system — orange/amber gradients, glow shadows
- IntersectionObserver active section tracking in navbar
- Smooth scroll SPA — Home, About, Banquet, Menu, Gallery, Contact
- Animated hamburger mobile menu
- Gallery section with photo display
- Book a Table CTA wired to contact section
- Deployed and live on Vercel
Tech Stack
React 19ViteTailwind CSSLucide ReactVercelJavaScript (JSX)
Links
Client
Business
Floris Restaurant & Banquet
Location
Patan, Gujarat, India