Description

Biharat - Spice Bazaar & Masala Marketplace HTML5 Template

Biharat is a warm, motion-rich HTML5 template for spice merchants, masala brands, single-origin importers, tea and coffee roasters and specialist food shops. It pairs a cinnamon-and-paprika grade with engraved botanical backdrops and a modern display face - and backs it up with something rare in a shop template: the numbers actually work. The filters, the weight and grind pricing, the basket totals and the blend builder all calculate from the markup, so your own products behave correctly the moment you swap the data in.

Two Homepages

• Home 01 - The Counter: four-slide hero with mask-up headlines, a featured spice card, a jar thumbnail rail and a rotating stone-ground seal, a scroll-driven spice marquee, a seven-shelf category rail, a heritage section with parallax photography and a numbered promise list, a pinned horizontal Grind Room that walks through the six rooms between the field and your jar, filterable best sellers with live sorting, a dark stats band with animated counters, a recipe rail, testimonials, the journal, a newsletter band on engraved botanicals and a full-bleed bazaar gallery.
• Home 02 - The Market Floor: a three-slide cinema hero - the looping video keeps slide one, two photographed slides follow, and each carries the spice it is talking about - driven by a glass control bar with arrows, slide names and an autoplay progress line. Then an overlapping four-cell promise strip, a reverse-running marquee, an off-the-stone product rail, a Blend Of The Week band that prints the house garam masala ratio in full, a six-tile category mosaic on engraved cream, a three-step grind column, a live Shop By Origin grid and a dark reviews panel carrying the shop score.

Spices From Around The World

• Origins mega menu: sixteen countries in four dividered regions, each with its flag and the spice it is known for, beside a sourcing promo and a footer of hard numbers.
• Looping flag strip above the topbar on both homepages, drifting at the same speed as the spice ticker.
• Shop by origin: flag cards on Home 02 and a counted origin list in the shop sidebar, both driving the same live product filter.
• 271 SVG flags ship with the template, so swapping in your own countries is a file rename.

Core Shop Pages

• Spice Shop: sidebar filtering by shelf, origin, a price-per-100g range slider and grind checkboxes, four sort orders, a grid / list toggle and a result count that always matches what is on screen.
• Quick View: an eye on any product card opens a panel built from that card - image, shelf, rating, description, origin flag and grind options - with a live price, a quantity stepper and an add-to-basket that goes through the same cart store as everywhere else.
• Product Details: thumb-driven gallery, an in-stock tag, a SKU that follows the jar size, jar-size and grind chips that recompute the price from a real per-gram rate, a quantity stepper, a live “works out at … per 100g” line, tabbed story / specification / reviews and a related-spice rail.
• Blend Builder: six spice sliders that must total exactly 100%, with a stacked ratio bar, a live cost per 100g, a heat index and an add-to-basket button that stays locked until the jar is full.
• Cart & Checkout: quantity steppers, line totals, a coupon code, a free-delivery threshold with a “spend this much more” line, and a checkout with billing, delivery and payment blocks beside a live order summary.

Inner Pages

Our Sourcing (origin cards and a farm-to-jar route), Recipe Archive (with real heat filtering), Recipe Details (ingredients by weight and numbered method steps), About (story, values, stats and team), Contact (working PHP form, info cards and map), Journal Grid, Journal List, Journal Details (sidebar, tags, author box, post navigation and comments), Login, Register, Forgot Password, 404 and a minimal-chrome Coming Soon with a live countdown - twenty pages in total, all sharing the same header, three-level navigation, Origins mega menu, basket drawer and footer.

Features

• 20 HTML pages, 2 unique homepage designs
• Real shop logic: shelf, origin, price and grind filtering, four sort orders, list view
• Quick view panel and a saved-items heart, both driven from the card they were opened from
• Weight and grind pricing derived from a per-gram rate, not hard-coded figures
• Blend builder with live cost, heat index and a 100% validation rule
• Basket that persists across pages, with coupon and free-delivery maths
• GSAP + ScrollTrigger: split-panel preloader, mask-up headlines, a pinned horizontal section, scroll-driven marquees, parallax and a scroll-rotated seal
• prefers-reduced-motion support for accessibility
• Three product card designs - the apothecary label, the counter stock card and the standard shop card
• Custom select control with a keyboard-driven listbox, over a real native select that still submits
• Custom cursor - a soft spice bloom trailing the pointer, firming into a ring over anything you can click
• Icon-led form fields across contact, checkout, the comment form and the three account pages
• Swiper sliders (two hero styles, categories, products, recipes, reviews, gallery, product thumbs)
• CSS-variable design tokens for five-minute re-theming
• Working PHP contact 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 - 45 numbered CSS sections and a 30-block JavaScript index
• Documentation included

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 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. Fonts and icon fonts load locally; the only external requests are Google Fonts and the optional Google Maps embed.