Heros — Bookstore

Bookstore hero with fanned covers and a floating staff-pick card.

bun x bosia@latest add block heros/bookstore

Bookstore hero with fanned covers and a floating staff-pick card. A self-contained, full-width <section> built from semantic tokens only, so it restyles across all 18 themes — the brand colour maps to --primary.

Preview

Brand

This week’s shelf · New & noted

Stories worth staying up for.

Hand-picked fiction, fresh non-fiction and the indie titles you won’t find on the front table. Curated by booksellers who actually read them.

4.9 from 8,200 readers

Free shipping over $35

Staff pick

“The best debut novel I’ve read all year.” — Jeki, fiction buyer

Signed first edition

Install

bun x bosia@latest add block heros/bookstore

Pulls the @lucide/svelte npm package for icons.

Usage

<script lang="ts">
	import Bookstore from "$lib/blocks/heros/bookstore/block.svelte";
</script>

<Bookstore />

Drop it at the top of a route. Any interactive bits (size / color / age pickers, address or email inputs) are cosmetic local $state — wire them to your own data. Edit block.svelte to swap copy and the Unsplash images.

Source

src/lib/blocks/heros/bookstore/block.svelte