This craft beer club landing page template is one HTML5 page with one goal. Hoplark is a bold, graphic one-page membership landing page for craft breweries, beer clubs, taprooms and beer subscription boxes.

Every call to action leads to one goal – joining the hop club – with three plans by cans a month, billed monthly, quarterly or yearly at a saving, a side-by-side plan comparison and a join form with a live summary of the first box and the first bill. A grey modular grid ruled in hairlines, light headlines with bold italic accents, offset-shadow buttons, starburst stickers 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 Club Landing Page: One Page, Built To Convert

• Hero Slider: First, a split hero with a can slider, each can’s ABV, IBU and style, the members’ faces and a Join The Club button.
• About: Then, 100% recycled cans, with the brewery’s figures.
• Know Your Pour: Next, four flagship beers’ ABV and IBU dials sweep to their figures as you scroll, on a parallax photo band.
• Our Beers: After that, a ruled rail of the core range with prices, flavour notes and strength.
• Taproom: Also, the taproom at night with a spotlight that follows your pointer, the live tap board with happy-hour prices, and a Watch Brew Day button that opens the brewery film.
• Testimonials: Then, drinkers’ voices in a slider.
• Pricing And Join: Next, pint Club, Growler Club and Cellar Club by cans a month, monthly, quarterly or yearly, a plan comparison table, club questions and a join form with a live summary.
• Our Brewers: In addition, the head brewer, the barrel lead and the cellar lead.
• Call To Action: After that, sign Up To The Hop Club, with drawn cans and an email sign-up.
• Contact: Finally, the brewery, the taproom bar, wholesale and private events, a Google map and a working contact form.

Craft Beer Club Landing Page Features

• One-page membership landing with a single goal: join the hop club
• 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: club pricing by billing period, ABV and IBU dials, a live taproom board that knows when it is open and drops the pint price in the happy hour
• An age check on the first visit, remembered in the browser
• A pint-fill preloader, photographs that fill up like a glass and a pointer spotlight in the taproom band
• Hero slider, can rail, testimonial 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 (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.