Pages — Contact

A contact page composed from blocks — minimal navbar, split contact form with details, minimal footer.

A complete contact page: a minimal navbar, the split contact section (form beside email / phone / office details) and a minimal footer. Every block is theme-aware — try the theme switcher above the preview.

Preview

__BRAND__

Contact

Let's talk about your project

Tell us what you're building. We reply to every message within one business day.

Email [email protected]
Phone +62 812 3456 7890
Office Jl. Merdeka 17, Bandung

Install

bun x bosia@latest add page company/contact

Installs page.svelte plus every block it composes. The contact block pulls @lucide/svelte for icons.

Usage

<script lang="ts">
	import Contact from "$lib/pages/company/contact/page.svelte";
</script>

<Contact />

The page is composition only — it imports each block and stacks them in order, with no props. The form posts to /api/contact; install the contact-form feature for the backend, or point the block's action prop at your own endpoint. Swap contact/split for contact/simple in page.svelte for a centered layout.

Source

src/lib/pages/company/contact/page.svelte