Heros — Campus

Centered full-bleed campus hero with admissions stats.

bun x bosia@latest add block heros/campus

Centered full-bleed campus hero with admissions stats. 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

Fall admissions now open

Where curiosity becomes a career.

Join 40,000 students across 120 programs at a university built for the work the world needs next.

120+

Degree programs

1:9

Faculty ratio

94%

Employed in a year

Install

bun x bosia@latest add block heros/campus

Pulls the @lucide/svelte npm package for icons.

Usage

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

<Campus />

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/campus/block.svelte