{{#extends "base"}}{{#block "main"}}
<section class="curio-hero" aria-labelledby="hero-heading"><div class="wrap"><img src="{{site_path}}images/shopper-640.webp" srcset="{{site_path}}images/shopper-320.webp 320w, {{site_path}}images/shopper-480.webp 480w, {{site_path}}images/shopper-640.webp 640w, {{site_path}}images/shopper-768.webp 768w, {{site_path}}images/shopper-960.webp 960w, {{site_path}}images/shopper-1200.webp 1200w" sizes="(max-width: 42rem) 85vw, 48vw" width="640" height="427" alt="{{shopper_alt}}" fetchpriority="high"><h1 id="hero-heading"><span>simply</span> smarter<br><span>—effortless</span> —with ai</h1><a class="ai-shop" href="#agent"><span aria-hidden="true">↗</span> AI Shop</a><div class="social-proof"><strong>320K</strong><span>influenced people</span></div><p class="hero-note">Curio predicts price drops and finds the best time to buy.</p><ol class="hero-list"><li>200+ retailers tracked</li><li>Cancel anytime</li><li>No credit card required</li></ol><span class="scroll-note">Scroll down ↓</span></div></section>
<section class="agent-box" id="agent" aria-labelledby="agent-heading"><div class="wrap"><div class="agent-tabs" role="group" aria-label="Shopping prompts"><span>✦ AI picks</span><span>Top brands</span><span>Products</span><span>Price history</span><span>For you</span></div><form action="{{form_origin}}" method="post"><label id="agent-heading" for="shop-question">Ask about any product</label><input id="shop-question" name="question" type="text" placeholder="What are you looking for?" autocomplete="off"><button type="submit">Send <span aria-hidden="true">↗</span></button></form></div></section>
<section class="collections" id="services" aria-labelledby="collection-heading"><div class="wrap"><h2 id="collection-heading" class="sr-only">Curated collections</h2><article><span class="avatar man" aria-hidden="true"></span><div><h3>Men’s<br>Collection</h3><p>Premium essentials selected for quality and value.</p></div><a href="#shopping" aria-label="Explore men's collection">↗</a></article><article><span class="avatar woman" aria-hidden="true"></span><div><h3>Women’s<br>Collection</h3><p>Independent labels, accessories and beauty.</p></div><a href="#shopping" aria-label="Explore women's collection">↗</a></article><article><span class="avatar child" aria-hidden="true"></span><div><h3>Kids’<br>Collection</h3><p>Useful, durable and genuinely fun.</p></div><a href="#shopping" aria-label="Explore kids' collection">↗</a></article></div></section>
<section class="curio-about" aria-labelledby="curio-about-heading"><div class="wrap"><span>About us</span><h2 id="curio-about-heading">AI-driven shopping intelligence that works for you—not the retailer.</h2><p>Curio compares live prices, explains trade-offs and remembers the details you care about.</p></div></section>
<section class="shopping-grid" id="shopping" aria-labelledby="shopping-heading"><div class="wrap"><article class="dark"><span>Watchlist</span><h2 id="shopping-heading">Never miss the right price.</h2><div class="product-card phone" aria-hidden="true"></div></article><article class="dark"><span>Agent</span><h2>Ask. Compare. Decide.</h2><div class="product-card audio" aria-hidden="true"></div></article><header><p>Shopping agent @2026</p><h2>Intelligence<br>in action</h2><a href="#contact">Explore agent shop →</a></header><article class="light-product"><div class="product-card watch" aria-hidden="true"></div><h3>Pulse Watch</h3><p>Best price · £189</p></article><article class="light-product"><div class="product-card drone" aria-hidden="true"></div><h3>Air Mini</h3><p>Price drop · 12%</p></article></div></section>
<section class="curio-plans" id="work" aria-labelledby="curio-plans-heading"><div class="wrap"><p class="purple-label">Pricing</p><h2 id="curio-plans-heading">Choose the perfect<br>plan for you.</h2><div class="curio-plan-grid"><article><h3>Free</h3><strong>$0<small>/month</small></strong><a href="#contact">Start free</a></article><article><h3>Pro</h3><strong>$9<small>/month</small></strong><a href="#contact">Start trial</a></article><article class="glow"><h3>Advanced</h3><strong>$29<small>/month</small></strong><a href="#contact">Contact sales</a></article></div></div></section>
{{/block}}