This craft beer landing page template is one HTML5 page with one goal. Canora is a bright, graphic one-page product landing page for craft breweries, beer brands, bottle shops and online beer stores.

Every call to action leads to one product – a mixed case of craft beer – and its builder: a half case or a full case, filled can by can from the whole range, with the case discount, the total and the cans still to choose updating as you fill it. A full-screen can showcase whose colour changes with every beer, a ground that pours from pilsner gold to imperial stout black, light headlines with bold italic accents, offset-shadow buttons and hand-drawn cartoon cans give it the feel of a real small-batch label.

The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark 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.

Craft Beer Landing Page: One Page, Built To Convert

• Hero Slider: First, a full-screen can showcase whose colour changes with every beer, each slide with its style, strength and an Add To A Case button.
• From Lager To Stout: Then, the ground pours from pilsner gold to imperial stout black by each style’s own SRM colour.
• Pick Your Family: Next, every beer by family with filters, prices and strength.
• Parallax Band: After that, know Your Pour – four flagship beers’ ABV and IBU dials sweep to their figures as you scroll, on a photo that drifts.
• Pricing: Also, the case tiers – 4-pack, half case at 8% off and full case at 15% off every can – with a Watch Canning Day button that opens the brewery film.
• Build A Case: Then, pick the case size and fill it can by can, with a live summary of the cans, the case discount and the total.
• Testimonials: Next, drinkers’ voices in a slider.
• Coming Up Next: In addition, the next taproom events, dated from their repeat rules, with places left.
• Contact: Finally, the brewery, the taproom bar, wholesale and private events, a Google map and a working contact form.

Craft Beer Landing Page Features

• One-page product landing with a single goal: build and order a mixed case
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark 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 grain-textured malt haze in the night bands and a hop cone drawn in light in the footer
• Real brewery logic: a case builder with case discounts, a beer finder by family, ABV and IBU dials, events on repeat rules, live taproom hours
• An age check on the first visit, remembered in the browser
• A pint-fill preloader and a scroll-poured colour band that never pins the page
• Showcase slider, testimonial slider, parallax photo band, filters 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 (DM Sans, Nunito).

Note

All photographs are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the drawn cans and packs, the sticker icons and the language flags are included.

Browse more Brewery & Craft Beer landing pages, or the multi-page Brewery & Craft Beer website templates.