Infuse — Agrarian Soju Bar Landing Page Template

Quick summary

Batchim delivers an immersive single-page experience for a soju bar rooted in Korean harvest culture. The template guides late-night visitors through aroma cards, food photography, and a pour video before presenting a clear path to reserve a table or send a gift voucher. Every section builds desire before the call to action appears.

Who this template is for

This template is built for hospitality businesses that want their website to do more than list a menu. It suits venues where atmosphere is the product and the story needs to land before a guest ever walks in.

• Artisan soju bars and Korean dining concepts seeking direct table reservations
• Late-night food and beverage venues with a distinct cultural identity
• Bar owners who want to offer gift vouchers and pre-order bundles as additional revenue

What problem this template solves

Most bar landing pages describe what they serve. Batchim recreates the feeling of being there. The gap between "we have soju" and "I need to book tonight" is an emotional one, and this template closes it through layered sensory storytelling before a single call to action appears.

• Visitors leave generic bar pages without booking because nothing creates urgency or desire
• Korean dining concepts struggle to convey cultural depth through standard hospitality templates
• Bundle pre-orders go unnoticed when pricing is presented before the experience is felt

What you get with this template

Batchim is a fully structured landing page with five distinct content sections, a persistent reservation drawer, and a gift voucher path. The design system is ready to apply to your own content with minimal adjustment.

• A hand-painted SVG hero illustration with parallax animation and brushstroke headline typography
• Botanical aroma cards, a horizontal food gallery, a hover-audio pour video section, and a soju flight pre-order module
• A fixed persimmon call-to-action button, a slide-in reservation drawer with date picker and party size selector, and a gift voucher entry form

Feature list

This template includes purpose-built components matched to the needs of an artisan soju bar landing page.

Parallax Hero Illustration

A custom ink-wash and watercolor panorama fills the header viewport. Rice stalks sway, the sky cycles through three gradient stages, and a soju bottle rests in the extreme foreground. The scene uses a subtle parallax drift to create depth as the visitor scrolls.

Botanical Aroma Cards

Illustrated cards pair hand-drawn botanicals, rice flower, sweet potato vine, and barley chaff, with poetic tasting-note text. Each card connects the drink's agricultural origin to the sensory experience of the pour.

Horizontal Food Gallery

A snap-scroll gallery presents real food photography against the deep plum background. Each dish is captioned with a suggested soju pairing, letting visitors plan their order before they arrive.

Hover-Audio Pour Video

A looping video of a soju pour plays with spatial audio activated on hover. Condensation animation accompanies the clip, making the experience tactile and immediate without requiring a full-screen media player.

Fixed Reservation Drawer

A warm persimmon button stays fixed to the bottom of the viewport after the first scroll. Tapping it opens a slim drawer with a date picker, a party size selector for one to eight guests, and a toggle to pre-order a curated soju flight at a bundle price.

Gift Voucher Path

A secondary conversion flow lets visitors send a soju night as a gift. The form accepts a recipient name and a personal message, making the template useful for gifting occasions as well as direct bookings.

Page sections overview

Design & branding system

The visual identity follows an Agrarian Root theme. Every color, typeface, and texture choice references the Korean harvest landscape that the bar's soju celebrates. The palette transitions from light to dark as the visitor scrolls, mirroring the shift from afternoon to evening.

• Colors: soft unglazed ceramic (#F2E6D9) as the resting background, deep fermented plum (#3B1725) at depth, warm rice-husk gold (#D4A24E) on prices and interactive elements, and fading persimmon sky (#E8734A) on all calls to action
• Typography: DM Serif Display for headings, IBM Plex Sans for body text, and Reenie Beanie as an accent script for brushstroke-style labels
• Textures and illustration style: ink-wash and watercolor rendering throughout, SVG-based assets that carry earthy warmth without heavy file sizes

Mobile & speed optimization

Batchim is built mobile-first, reflecting the reality that late-night venue visitors are almost always on their phones. The fixed reservation button and drawer are sized and spaced for thumb navigation, and the horizontal gallery uses native CSS scroll for smooth swipe behavior.

• SVG illustrations and lazy-loaded images keep the page light without sacrificing visual richness
• GSAP ScrollTrigger handles parallax and staggered reveal animations with efficient rendering
• Native CSS scroll powers the horizontal food gallery, avoiding heavy JavaScript dependencies for swipe interactions

How this template helps you convert

The page is structured so that desire builds before the call to action is ever shown. By the time a visitor reaches the reservation drawer, they have already experienced the aroma, seen the food, heard the pour, and reviewed the flight bundle.

1. The fixed persimmon button becomes visible after the first scroll, staying present through every section so the decision to book requires only one tap at any point
2. The flight pre-order toggle inside the reservation drawer frames the bundle as an easy upgrade, shown after tasting notes and food pairings have already established its value
3. The gift voucher path opens a second conversion lane for visitors who are not booking for themselves, capturing gifting intent that would otherwise leave the page without action

Other information about this template

Batchim is part of a broader template collection for food and beverage hospitality concepts. It is designed for direct-sales landing pages where atmosphere and story drive the booking decision.

• The template is categorized under Food & Beverage, Korean Cuisine and Dining, with a Soju Bar niche focus
• The Intersection Match Score for this template is 13, reflecting a strong alignment between the creative direction, color system, and landing-page intent
• Animation is set to high intensity using GSAP ScrollTrigger for parallax, SVG path animations, and staggered section reveals
• The footer uses a Pattern 7 Arc Browser Split layout with the logo and tagline on the left and navigation links on the right
• Localization is in English with United States Dollar pricing and culturally authentic Korean references throughout

Show more