---
title: "Store home"
description: "Kiln & Co.'s home page in the product page's chrome: the store header with a live cart, the autumn hero, category tiles, a rail of new pieces and the footer."
plan: Pro
docs: https://ui.edbn.me/docs/templates/store-home
---

# Store home

Kiln & Co.'s home page in the product page's chrome: the store header with a live cart, the autumn hero, category tiles, a rail of new pieces and the footer.

The same store header and footer as the product page: categories open panels of their ranges with a featured piece, search opens in place, and the cart is held by the page, so its count and sheet stay right; lines can be removed there. Under it, the autumn collection's hero (hero-with-collection) with the page's one h1, two buttons and three pieces; the categories as photo tiles (category-tiles); and a snapping rail of six new pieces from the same firing (collection-carousel), with arrows that dim at either end and announce each move. Every section shares the 1152px page width, one gutter and one 96px gap, and lays out by its own width, so the page holds at 1440, 1024, 768 and 390. No photo appears twice on the page. The sample opens as a returning visitor sees it, with a plate in the cart; without it, the cart is empty.

A Pro page template built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/store-home
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, aspect-ratio, badge, button, carousel, collapsible, field, input, input-group, navigation-menu, select, separator, sheet, spinner, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More storefront templates

All 4, with install commands: https://ui.edbn.me/docs/templates/storefront (Markdown: https://ui.edbn.me/docs/templates/storefront.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt