Haven is a multi-purpose e-commerce theme for Astro. The first screen is a full-width photograph with markers on the products in it, and each marker opens a small card with the product's picture, price and a link.
Below it come shop benefits, category tiles, new arrivals with load more, two promotional banners, trending products in tabs, the latest journal articles, a newsletter band and a gallery that leads to the lookbook. Every product, category, photo and label lives in one config file, so the same store can sell any kind of product, and the demo runs without a store account.
Who it's for
- Online shops selling physical products
- Small brands that want a store front end before choosing a payment provider
- Developers building a store on their own commerce backend
- Agencies that need one store theme for different clients
What stands out
- The hero markers are placed by percentage and stay on screen on phones
- Collection sorting, filters, grid density and pagination are kept in the address bar, so the back and forward buttons work
- The cart, wishlist and comparison are saved in the browser between visits
- Product quantities are limited to the stock in the catalog
- The catalog sits behind one module, src/lib/catalog.ts, which is the place to connect real products and payments
- GSAP and Lenis run the scroll reveals, a slow parallax on the hero image and the fades between pages, and reduced-motion settings are respected
Before you sell
- Checkout in Haven is a demo: it shows the flow but takes no payments and creates no orders. The newsletter and contact forms check what is typed and say plainly that nothing was sent. To run a real shop, connect your own payment provider or commerce backend.
What's included
- Astro 7 and TypeScript source, styled with plain CSS and no CSS framework
- 55 static pages: the homepage, all products and five collections, 28 product pages, search, cart, wishlist, the lookbook, a journal with four articles, ten information pages and a custom 404
- 28 demo products with prices, variants, stock and pictures in src/config/site.ts
- Search and filter drawers, and a quick view modal with options and add to cart
- 46 original WebP images and the self-hosted Inter font
- Page metadata, canonical URLs and responsive layouts
- Tests, a README and a license
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/haven
