Team Sections
Team sections — a member-card grid and a founder spotlight with quote and bio.
Team sections for an about or company page. Each is a self-contained, full-width Svelte
<section> built only from semantic tokens, so it restyles across every theme. Try the theme
switcher above the preview.
Preview
The people behind the product
A small team that ships fast and answers its own support tickets.
Jeki Maulana
Founder & CEO
“We started this company because small teams deserve tools that feel like they were built just for them. Every decision we make starts with that.”
Previously led product at two startups; now spends most days talking to customers and shipping alongside the team.
Read our storyInstall
bun x bosia@latest add block team/grid
bun x bosia@latest add block team/spotlightspotlight pulls @lucide/svelte for its story-link arrow.
The blocks
grid— member cards in a responsive grid: avatar, name, role and social text links.spotlight— one oversized founder/leadership card: portrait beside a quote, bio and link.
Usage
<script lang="ts">
import Team from "$lib/blocks/team/grid/block.svelte";
</script>
<Team />Members live in a hardcoded array at the top of grid/block.svelte — edit names, roles and
avatar URLs there. The placeholder portraits come from i.pravatar.cc; swap them for your own
images before shipping.
Source
src/lib/blocks/team/*/block.svelte