This cocktail bar landing page template is one HTML5 page with one goal. Lunora is a moody, night-blue one-page booking landing page for cocktail bars, lounges, speakeasies and late-night clubs.

Every call to action leads to one goal – booking a table – through a reservation with the tables still free by party, date, time and area, a live summary and a booking reference, while a quick table check under the intro answers at once and hands straight on to it. Night navy, neon teal and a crescent moon in the wordmark, Libre Caslon italics over light Outfit capitals and candle-lit bar photography set the room after dark.

The header is a set of anchor tabs split round the wordmark that glide to each section and light up as you scroll. Also, the page ships with night and day mode, right-to-left support and WebGL layers.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Cocktail Bar Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides with the bar’s live status, the Google rating and Book A Table buttons.
• About: Then, not just bartenders – liquid caterers, with the bar’s figures.
• Cocktail Marquee: Next, the classics scrolling across the page.
• Make A Reservation: After that, a quick check of the tables free for your party, date and time.
• Upcoming Events: Also, the next nights on the calendar.
• Dusk Till Three: Then, the night’s timeline from happy hour to last call, with the happy-hour prices.
• Pricing: Next, the menu with prices, strength and diet marks.
• Testimonials: In addition, guests’ voices in a slider.
• Parallax Band: After that, be in the next photograph – Book A Table and a Watch The Night film popup on a photo that drifts as you scroll.
• Book A Table: Also, party and date, time, area and details, with a live summary and a booking reference. Continue never blocks; only the last step checks the details.
• Nights At Lunora: Then, a photo slider of the bar after dark.
• Find Us: Next, the address, tonight’s hours, the live status, the subway and a Google map.
• Contact: Finally, a working contact form.

Cocktail Bar Landing Page Features

• One-page booking landing with a single goal: book a table
• Anchor-tab header split round the wordmark, with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Night and day mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: a smoky haze and a neon sign drawn in light in the footer
• Real bar logic: tables free by party, time and area, tonight’s hours and the live open status, a booking reference
• An age check on the first visit, a preloader and reveals that unmask on scroll
• Hero slider, testimonial slider, nights slider, parallax photo band and a video popup
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Libre Caslon Text, Outfit).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the partner marks and the language flags are included.

Browse more Party & Nightlife landing pages, or the multi-page Party & Nightlife website templates.