Storefront — Home Sections

Category tiles, value row, promo banner and strip, editorial, testimonials and newsletter.

The marketing sections that make up a storefront homepage. Each is a self-contained, prop-driven <section> using semantic tokens, so they restyle across every theme.

Preview

Shop by category

Find your corner of the store

Free delivery over $50

Carbon-neutral shipping on every order, returned free within 30 days.

Quality, guaranteed

Everything we sell is vetted by our team and backed by our promise.

Thoughtfully sourced

We partner with makers and growers who share our standards.

Here to help

Real people, real answers — by chat, email or phone, seven days a week.

Members get more

Join the list, save on your first order

Early access to new arrivals, members-only pricing and a little something on your birthday.

Free, carbon-neutral delivery on orders over $50
Our story

Made to last, not to land in a bin

We work with a small group of makers and growers we know by name. Everything we sell is chosen to be used, repaired and kept — not replaced.

Loved by customers

What people tell us

“Genuinely the nicest online shopping experience I've had this year. Everything arrived perfectly.”
M Maya R. Verified buyer
“Quality is a step above what I expected for the price. I've already ordered twice more.”
D Daniel K. Verified buyer
“Fast delivery, beautiful packaging, and the product is exactly as described. No notes.”
P Priya S. Verified buyer
Stay in the loop

First looks, slow news, no spam

Join the list for new arrivals, restocks and the occasional letter from the team.

By subscribing you agree to our privacy policy.

Install

bun x bosia@latest add block storefront/category-tiles
bun x bosia@latest add block storefront/value-row
bun x bosia@latest add block storefront/promo-banner
bun x bosia@latest add block storefront/promo-strip
bun x bosia@latest add block storefront/editorial
bun x bosia@latest add block storefront/testimonials
bun x bosia@latest add block storefront/newsletter

Each pulls @lucide/svelte for icons.

Usage

<script lang="ts">
	import CategoryTiles from "$lib/blocks/storefront/category-tiles/block.svelte";
	import Editorial from "$lib/blocks/storefront/editorial/block.svelte";
</script>

<CategoryTiles categories={[{ name: "Home", image: "/home.jpg" }]} />
<Editorial flip />

All sections take props for copy and content with sensible defaults. editorial accepts flip to swap the image side; value-row and testimonials accept arrays of items; newsletter shows an inline confirmation after submit.

Source

src/lib/blocks/storefront/{category-tiles,value-row,promo-banner,promo-strip,editorial,testimonials,newsletter}/block.svelte