Storefront — Home Sections

Ubin kategori, baris nilai, banner dan strip promo, editorial, testimoni, dan newsletter.

Bagian marketing yang menyusun halaman beranda storefront. Masing-masing adalah <section> mandiri yang digerakkan prop dengan token semantik, sehingga gayanya berganti di setiap tema.

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

Masing-masing menarik @lucide/svelte untuk ikon.

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 />

Semua bagian menerima prop untuk teks dan konten dengan default yang masuk akal. editorial menerima flip untuk menukar sisi gambar; value-row dan testimonials menerima array item; newsletter menampilkan konfirmasi sebaris setelah submit.

Source

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