Frond

About this template

Frond is an independent houseplant shop on Gracious Street in Knaresborough, with fifteen individually illustrated plants under their real names, each with its own care card, sizes and paired cover pots. Browse by light and care, take the four-question plant finder, and check out with gift wrap, card validation and an order confirmation with a real dispatch date.

Features

• Fifteen distinct botanical SVG illustrations, illustrated staff portraits, shopfront and map
• Shareable search, light, care, pet suitability, price and sort filters
• Two plant sizes and optional fitted ceramic cover pots
• Persistent variant-aware basket with stock limits and safe memory fallback
• Mainland and island postcode checks, free-delivery threshold, collection and welcome discount
• Three-step checkout with gift message and wrap, card validation and order confirmation
• Dispatch and collection dates from a cut-off, dispatch days and computed UK bank holidays
• Four-question plant finder with graded, ranked matches and a reason for every plant
• Per-plant care cards and a five-symptom diagnostic guide
• Live opening hours, next bank holiday and a validated contact form

Pages included

• Homeindex.html
• Shopshop.html
• Productproduct.html
• Basketbasket.html
• Checkoutcheckout.html
• Plant finderfinder.html
• Carecare.html
• Aboutabout.html
• Visit & contactvisit.html
• 404404.html

Quick start

unzip frond.zip && cd frondopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build

Changelog