Agave is a full-width immersive distillery landing page built for tequila and mezcal producers in Jalisco, Mexico. It guides visitors through the production process, from agave fields to fermentation vats to the tasting table, using scroll-linked transitions, a parallax hero, and a persistent booking bar that captures distillery visit reservations and trade sample requests.
by Rocket studio
Loading preview…
Quick summary
Agave is a single-page immersive distillery landing page designed for artisanal tequila and mezcal producers. Every viewport-filling section pulls the visitor deeper into the production process: agave fields, roasting pits, open fermentation vats, and the tasting table. A persistent bottom bar anchors the primary call to action, "Reserve Your Distillery Visit", while a secondary trade form captures serious spirits buyers at the final section.
Who this template is for
This template is built for producers and operators who need to convert genuine interest into confirmed bookings or trade inquiries. It speaks directly to industry professionals and experience-seeking visitors who want to feel a place before they book it.
Artisanal tequila and mezcal distilleries offering guided experience tours, production walkthroughs, or private buyouts
Spirits distributors, mezcalería owners, and head bartenders scouting single-village batches and seeking exclusive access to small-batch producers
Hospitality operators and distillery tourism businesses in Jalisco, Mexico who want visitors to book in advance online
What problem this template solves
Most distillery websites fail because they describe a process rather than make you feel it. A visitor deciding between three tour options needs sensory conviction, not a paragraph of text. This template solves the gap between a beautiful product and a confirmed reservation.
Visitors arrive at a static page, skim text, and leave without booking, this template replaces that with an immersive scroll journey that earns the click
Trade buyers need more than a contact form; the secondary "Request Trade Samples" section captures business name, license type, and shipping state in a focused, professional format
Planning a distillery visit involves multiple decisions, group size, tour type, dates, and the built-in booking form handles all three in one persistent, always-visible bar
What you get with this template
You get a complete, full-width landing page structured as five immersive viewport sections plus a minimal footer. Every element is built around the goal of turning a scroll into a schedule confirmation.
Theme
Neo-Retro
Creative direction
Immersive Visual
Color system
Japanese Zen
Style
Full-Width Immersive
Direction
Booking/Scheduling
Page Sections
Parallax Hero with Delayed Brand Reveal
Scroll-linked Immersive Viewport Sections
Persistent Bottom Booking Bar
Trade Sample Request Form
Neo-retro Matte Visual Identity
Grain Overlay and Ember Glow Animation
Related questions
What sections does this landing page template include?
Who is the primary audience for this template?
How does the booking form work?
Can trade buyers use this page to request samples?
Is this template suitable for mobile visitors?
A parallax hero with delayed brand name reveal, four full-viewport scroll sections (agave fields, roasting pit, fermentation room, tasting), and a Pattern 4 superhuman minimal footer
A persistent booking bar with date selection, group size options (1 to 4, 5 to 12, or private buyout), and tour type selector (master distiller tasting or production walkthrough)
A trade sample request form in the final section, designed for spirits industry buyers, capturing business name, license type, and shipping state
Feature list
This template ships with a carefully considered set of built-in components. Each one serves the core purpose: make the visitor feel the distillery before they arrive, then give them an effortless way to book or inquire.
Parallax Hero with Delayed Brand Reveal
The hero opens on an extreme macro close-up of a jimador's coa blade mid-swing, shot at golden-hour sidelight with razor-thin depth of field. For the first two seconds, no text appears. Then the brand name fades in, kerned wide, weathered serif, bottom-center, like a stamp on a shipping crate. Parallax layers separate the blade, torn agave fiber, and dissolving bokeh background as the visitor begins to scroll.
Scroll-Linked Immersive Section Transitions
Each of the four body sections fills the full viewport with no gutters, no cards, and no grids. Section one pulls back to a wide panoramic view of the agave fields. Section two darkens the screen as ember glow pulses at the edges, implying the heat of underground stone ovens. Section three shifts to overhead fermentation vat shots, green-toned, alive, bubbling. Section four moves to tight copita shots, liquid shifting from silver-clear to deep reposado amber. IntersectionObserver drives each transition without heavy libraries.
Persistent Booking Bar
A bottom-anchored booking bar becomes progressively more opaque as the visitor scrolls deeper into the page. It holds three inputs: visit date, group size selector, and tour type. The bar is always within reach, so the visitor never has to scroll back up to book. This design keeps the call to action present without interrupting the immersive visual journey.
Trade Sample Request Form
The final tasting section includes a secondary form visible only to industry buyers. It asks for business name, license type, and shipping state. This keeps the page focused: casual visitors see the primary booking call to action, while trade professionals find a direct, professional route to request samples without navigating away.
Neo-Retro Matte Visual System
The entire page uses a four-color matte palette with no reflective surfaces and no digital gloss. Charred oak black, ceramic sand, smoked agave green, and ritual flame copper work together to create a surface that feels hand-touched and warm. Typography pairs Fraunces serif display with DM Sans body text, one voice for the land, one for the logistics.
Grain Overlay and Ember Glow Pulse
A persistent grain overlay runs across the full page, reinforcing the matte, analog quality of the visual direction. In the roasting pit section, an ember glow pulse animation fires at the screen edges using CSS animation, no video, no heavy assets. The effect communicates heat and craft without slowing the page.
Page sections overview
Section
Purpose
Macro Hero
Open with extreme agave close-up, trigger delayed brand reveal
Agave Fields
Pull back to wide panoramic landscape, establish terroir context
Roasting Pit
Darken viewport, pulse ember glow, convey stone-oven craft
Fermentation Room
Overhead vat shots, green tones, show living production process
Tasting and Trade
Copita liquid shots, booking bar, trade sample request form
Minimal Footer
Pattern 4 superhuman footer, stripped to essential links
Design & branding system
The visual identity follows a Neo-Retro direction interpreted through a Japanese Zen color system. Every surface reads as matte and hand-touched. Nothing reflects, nothing pulses with digital brightness. The palette was chosen to feel like a clay cup of mezcal held beside a fire pit at dusk.
Four-color palette: charred oak black (#1A1410) for backgrounds, unglazed ceramic sand (#D4C5A9) for text and surface contrast, smoked agave green (#4A5A3C) for mid-tones, and ritual flame copper (#C67D4A) reserved for buttons, hover states, and section dividers
Typography: Fraunces as the serif display face for headlines and the brand name reveal; DM Sans as the clean body face for form labels, descriptions, and navigation
Grain texture overlay applied globally; ember glow pulse confined to the roasting pit section; copper accent used sparingly to preserve its visual weight as a conversion signal
Mobile & speed optimization
The template is built desktop-first, reflecting the reality that spirits distributors and trade buyers typically research on laptops. A fully responsive mobile fallback ensures enthusiast visitors booking from their phones can still complete the form without friction.
CSS scroll-behavior drives section transitions; IntersectionObserver handles reveal timing, no heavy JavaScript libraries required
Persistent booking bar adapts to mobile viewport widths, keeping date and group size inputs accessible without zooming or horizontal scrolling
Grain overlay and ember pulse use lightweight CSS animations rather than video or canvas elements, keeping asset weight low across all devices
How this template helps you convert
The page is structured so every scroll deepens commitment before the visitor reaches the booking form. By the time they arrive at the tasting section, they have already walked the agave fields, descended into the roasting pit, and watched fermentation happen overhead. The booking bar has been present the entire journey.
The persistent booking bar becomes progressively more opaque as visitors scroll, creating a natural visual cue that the opportunity to book is always open, no hunting for a contact page, no worry about missing the form
The trade sample request form appears only in the final section, keeping it targeted and credible for industry buyers while avoiding clutter for general visitors who simply want to reserve a distillery visit
Other information about this template
This template is built with the broader context of agave spirits tourism in mind. Understanding that context helps you deploy it with confidence and set realistic expectations for visitors who arrive at your page.
The town of Tequila, Jalisco, is a Pueblo Mágico located about one hour northwest of Guadalajara, Mexico. It is considered the birthplace of tequila and a UNESCO World Heritage site, which adds significant cultural weight to any distillery visit you offer
Tequila is a walkable town. Most accommodations, boutique hotels and hacienda-style properties, cluster around the town center, making it easy for visitors to walk between distilleries, food spots, shop areas, and the main plaza where locals gather
Transportation from Guadalajara to Tequila takes roughly 1.5 to 2 hours by bus (around 200 to 300 MXN) and 1 to 1.5 hours by taxi (roughly 800 to 1,200 MXN). The José Cuervo Express train is another transportation route, offering a curated tequila experience with tastings, live music, and distillery visits along the way
José Cuervo is the oldest active tequila distillery in Latin America, producing tequila for over 250 years. La Rojeña, the historic distillery at the heart of the José Cuervo operation, is one of the most visited and recognized production facilities in all of Mexico. Hacienda El Centenario, also part of the José Cuervo legacy, features lush gardens and historic buildings that give visitors a sense of the deep history behind premium tequila production
Other notable producers shape the visitor landscape: Fortaleza uses a stone tahona wheel and brick ovens, reflecting the same tradition of craft this template is designed to express. Casa Sauza offers informative tours focused on modern tequila manufacturing. El Tequileño is recognized for high-quality blanco tequilas and transparency in production. Don Julio is a globally recognized tequila brand. Casa Cofradía combines tastings with art installations in a boutique distillery setting
La Rojeña and similar production sites offer air conditioned rest areas and visitor facilities, which matter during the hot Jalisco summer. If your distillery offers air conditioned spaces for the tasting portion of the tour, this template's tasting section is the right place to communicate that clearly
Expert-led tastings typically feature 5 to 8 different small-batch agave spirits. Tequila tastings in the town of Tequila focus on sipping neat and understanding agave terroir, rather than traditional lime-and-salt shots. This cultural education around tasting protocol is worth communicating to first-time visitors so they arrive prepared
Tours often include farm-fresh meals and transportation, with options ranging from half-day visits to multi-day excursions across Jalisco or Oaxaca. Immersive experiences often include a gourmet lunch paired with regional cocktails. Many tours feature a live jima demonstration by skilled jimadores, allowing guests to watch or participate in agave harvesting firsthand, a form of outdoor recreation that connects visitors to the landscape
Advance booking is strongly recommended. Many immersive experiences require 3 to 21 days of notice. Book distillery tours in advance, especially for weekends and small groups, to avoid missing out
The best time to visit Tequila is from November to April, during the dry season. Spring visits are especially pleasant before the heat peaks. Tequila is generally safe in the tourist core; visitors should stick to well-lit areas at night and keep their belongings secure
Tequila tours typically range from MX$600 to MX$1,500 (roughly $35 to $90 USD). This makes the trip accessible for a range of budgets. Compared to U.S. standards, food, drinks, and accommodations in the town represent good value for money
The agave immersive distillery booking landing page template is especially effective for producers who want visitors to discover the depth of their craft before they arrive, so that every person who books already understands what makes the experience worth the journey