This custom spice blend landing page template is one HTML5 page with one goal. Masalyn is a warm one-page product landing page for a custom spice blend – for spice shops, masala mills, blend studios and specialty food brands.

Every call to action leads to one product – your own blend – built on six sliders that always add up to one hundred grams, priced per 100g as you mix it, named and added to the basket, with the checkout on the same page. Cinnamon, paprika and ink on warm cream, set in Bricolage Grotesque and Montserrat, give it the feel of an old market counter.

The header is a set of anchor tabs that glide to each section and light up as you scroll.

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.

Custom Spice Blend Landing Page: One Page, Built To Convert

• Hero Slider: First, sixty four spices, one counter, no middlemen – the counter film on slide one, each slide with the spice it talks about.
• Promises: Then, milled to order, paid at the gate, harvest on the label, out within 24 hours.
• The House Garam, Written Out In Full: Next, the blend of the week as a ratio bar and its six spices.
• Pricing – Your Jar: After that, six sliders that must total exactly 100%, a stacked ratio bar, the cost per 100g, a heat index, the blend’s name and Add To Basket.
• Three Things Worth Knowing: Also, what to know before you mill.
• About: Then, three generations behind one grinding stone, with years, growers and spices in stock.
• Three Steps We Will Not Skip: Next, bought at the gate, held whole, milled the morning it ships.
• What Was Milled This Morning: In addition, single spices off the stone today, with their prices and stock, in a slider.
• Call To Action: After that, thirty two years of buying it right – the merchants’ counters over a parallax photograph, with a buyer’s number.
• Testimonials: Also, what the shop hears back, with the average rating, in a slider.
• Checkout: Then, billing, delivery and payment beside your order and its total.
• Contact: Finally, a working form to the shop and a Google map of the counter.

Custom Spice Blend Landing Page Features

• One-page product landing with a single goal: your own blend
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Blend builder with live cost, heat index and a 100% rule that keeps Add To Basket locked until the jar is full
• Video hero slider, product and testimonial sliders, a parallax photo band
• A looping flag strip of the countries the spices come from, drifting with the spice ticker
• A basket drawer that persists across visits, with quick view and quantity steppers
• GSAP + ScrollTrigger: split-panel preloader, mask-up headlines, scroll-driven marquees, parallax and a scroll-rotated seal
• Custom cursor – a soft spice bloom that firms into a ring over anything you can click
• Icon-led form fields across the checkout and the contact form
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for five-minute re-theming
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free plus a niche spice icon font, both loaded locally
• Fully responsive with a desktop-first breakpoint system
• W3C valid, zero console errors
• Well-commented code with numbered CSS sections and a JavaScript 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, Font Awesome Free, Flaticon spice icon set, Google Fonts (Bricolage Grotesque, Montserrat).

Note

All images and the video are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, favicon, country flags and payment badges are included.

Browse more Grocery & Organic landing pages, or the multi-page Grocery & Organic website templates.