This spice shop sales landing page template is one HTML5 page with one goal. Zafrana is a warm one-page sales landing page for spice shops, masala mills, tea and coffee merchants and specialty food stores.

Every call to action leads to one goal – an order from the counter – through a shelf of jars with their prices, a quick view, a basket that adds up as you go and 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.

Spice Shop Sales Landing Page: One Page, Built To Convert

• Hero Slider: First, the spice counter that still grinds to order – four slides, one playing the counter film, each with its jar and price.
• Seven Shelves, One Counter: Then, whole spices, ground masala, chilli and heat, seeds and pods in a slider.
• About: Next, a family counter in the old spice market – bought at the farm gate, ground the day it ships.
• Six Rooms Between The Field And Your Jar: After that, a horizontal walk through drying, the grinding stone, blending and jarring as you scroll.
• Pricing – Milled Fresh, Shipped Today: Also, eight jars filtered by shelf, each with its price, rating, quick view and Add To Basket.
• Call To Action: Then, thirty two years of buying it right – the merchants’ counters over a parallax photograph, with a buyer’s number.
• Recipes Built Around One Spice: Next, recipe cards with their heat and time in a slider.
• Testimonials: In addition, what cooks say after the first jar, in a slider.
• Checkout: After that, 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.

Spice Shop Sales Landing Page Features

• One-page sales landing with a single goal: an order from the counter
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Real shop logic: shelf filtering, sort, quick view and a basket that adds up
• Hero slider with a looping video slide, shelf, recipe and testimonial sliders, a parallax photo band and a horizontal scroll section
• 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.