Bosia Bosia v0.8.11

Section Proses

Section proses — baris cara-kerja bernomor dan timeline milestone vertikal.

Section "cara kerja" untuk situs jasa, agensi, atau produk. Masing-masing adalah Svelte <section> mandiri selebar penuh yang dibangun hanya dari token semantik, sehingga gayanya berganti di setiap tema. Coba pengalih tema di atas preview.

Preview

How it works

From first call to launch day, the same four steps every time.

  1. 1

    Discover

    A short call to understand the goal, the audience and what done looks like.

  2. 2

    Design

    Wireframes first, then a polished design you can click through and react to.

  3. 3

    Build

    Weekly releases you can try in the browser — no big reveal at the end.

  4. 4

    Launch

    We ship it, watch the first real users and fix what they trip over.

Our story

The milestones that got us from a side project to a real company.

  1. 2022

    The side project

    Two of us, one laptop, evenings and weekends. The first version ships to ten friends.

  2. 2023

    First paying customers

    Word of mouth brings the first hundred accounts — enough to quit the day jobs.

  3. 2024

    The team grows

    Design, support and engineering hires turn a duo into a team of eight.

  4. 2025

    Going international

    Half of new signups now come from outside the country. We localise everything.

  5. Today

    Just getting started

    Thousands of teams rely on us daily. The roadmap is longer than ever.

Install

bun x bosia@latest add block process/steps
bun x bosia@latest add block process/timeline

Blok-bloknya

  • steps — heading terpusat di atas baris langkah bernomor horizontal, dengan garis penghubung di desktop.
  • timeline — timeline milestone vertikal dengan label tahun — cocok untuk section "cerita kami" di halaman about.

Penggunaan

<script lang="ts">
	import Steps from "$lib/blocks/process/steps/block.svelte";
</script>

<Steps />

Kedua blok membawa teks contoh sehingga langsung tampil. Untuk teksmu sendiri, kirim heading, intro, dan daftarnya: steps menerima steps (array { title, description }), timeline menerima entries (array { label, title, description }).

Sumber

src/lib/blocks/process/*/block.svelte