Eclipse Lounge & Grill — Restaurant Website
Premium hospitality website with immersive animations, SEO, Google Analytics 4, and full responsive design for a Canadian fine dining venue
Overview
Eclipse Lounge & Grill is a luxury hospitality website for a premium restaurant and lounge in Canada offering gourmet dining, shisha, handcrafted cocktails, and nightlife experiences. The site is built with Next.js, React, TypeScript, and Tailwind CSS, featuring a full-screen hero, smooth scrolling animations, and a dark luxury aesthetic tuned to convert visitors into reservations.
Key pages include a home with reservation CTAs and entertainment highlights, a menu page with organized categories and premium food imagery, a visual gallery for the restaurant ambiance, and a dedicated page for The BatCave — an exclusive private karaoke and event room. Technical SEO is comprehensive: semantic HTML, Open Graph and Twitter Card metadata, XML sitemap, robots.txt, and schema markup for local business.
Google Analytics 4 is integrated to track conversions, navigation flow, and device analytics. All images are lazy-loaded and optimized for Core Web Vitals.
Key Features
Full-screen hero with reservation CTAs and smooth scroll-driven animations
Menu page with organized categories and premium food imagery
Dedicated page for The BatCave — a private karaoke and events room
Technical SEO: local-business schema markup, Open Graph, XML sitemap, robots.txt
Google Analytics 4 tracking conversions, navigation flow, and devices
Lazy-loaded imagery tuned for Core Web Vitals
Project Gallery
