Uvaria – Winery Wine Shop Landing Page HTML5 Template

About This Item

This winery wine shop landing page template is one HTML5 page with one goal. Uvaria is a quiet, elegant, one-page product landing page for estate wineries and wine shops.

Every call to action leads to one goal – ordering wine: the bottles go into the bag straight from the cellar slider, six bottles take 10% off and twelve 15%, and the checkout on the same page takes the shipping, the tax and the payment and gives an order number. Classical Roman capitals, a thin olive accent, studio bottle packshots, muted vineyard photography and warm oak-charcoal bands give it the feel of an old estate’s cellar door.

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.

Winery Wine Shop Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides of the estate’s wines over an overlay header with the cellar door open now.
• Wines By Type: Then, reds, whites, rosé, sparkling and sweet, with how many and the lowest price.
• Pricing: Next, from The Cellar – the wines in a slider with their vintage, tasting notes, price a bottle and an Add button.
• Cases: After that, six for 10%, twelve for 15%.
• Our Awards: Also, the medals and the wines that won them.
• Video Band: Then, our Story, a parallax photo band with a video popup and the call to action.
• The Vintage Chart: Next, every year rated with its drinking window.
• Testimonials: In addition, kind words from members and guests on a photo band.
• Your Order: After that, billing details, standard, express or cellar-door collection, the bag with case discounts, tax and the total, payment, an age check and an order number.
• Contact: Finally, the estate, the cellar door, email and open hours, the week at the cellar door, a working contact form and a Google map.

Winery Wine Shop Landing Page Features

• One-page product landing with a single goal: order wine
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode, remembered per visitor
• Right-to-left layout from CSS, switched from the language picker
• WebGL layers tinted by the theme colours: oak grain under the night bands, and the estate crest in relief in the footer
• Real logic from one data block: a bag remembered between visits, case discounts, shipping, tax, vintages, cellar door hours
• Hero slider, wine slider, testimonial slider, parallax video band with a video popup
• A cellar-door preloader, cards that come forward out of the page as you walk down it and an estate-ribbon hover
• 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, plus olive line icons in two inks
• 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 (Cinzel, Catamaran, Ms Madi).

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 estate crest, the rendered bottles, the oak door, the line icons and the language flags are included.

Browse more Wine & Vineyard landing pages, or the multi-page Wine & Vineyard website templates.