Build a complete e-commerce store for a fictional brand called Slowburn — a small-batch candle company themed around rituals for people who work too much. Production quality, mimicking a real Shopify storefront as closely as possible, in a single self-contained HTML file.
Requirements:
- A real landing page: hero section, hero copy, and a consistent brand voice.
- A catalog of at least 12 distinct candle products — each with a name, scent description, price, a short story, and a category. Render each product as a card with a visually distinct image drawn in inline SVG or CSS (different jar colors, different labels with the product's actual name readable). No external image hosts or API keys.
- Category filtering and/or sorting over the catalog.
- A full cart: add to cart, update quantity, remove, and a running subtotal; persist the cart in localStorage so it survives a reload.
- A simulated checkout: collect and validate shipping/payment fields, then show an order-confirmation screen (no real payment processor).
All product data lives inline in the file — no database, no external data. Every text readable (no low-contrast), every button clearly visible, every nav link leads to a real in-page view. Make it feel like a real, polished brand site, not a wireframe. Return only the HTML — all CSS in a <style> tag, all JS in a <script> tag, no external dependencies.
…