FAQ Sections

Frequently-asked-questions sections — a native details accordion and a static two-column grid.

FAQ sections for a landing or marketing page. Each is a self-contained, full-width Svelte <section> built only from semantic tokens, so it restyles across every theme — the brand colour maps to --primary. Try the theme switcher above the preview.

Preview

FAQ

Frequently asked questions

Still have questions?

Our team is here to help. We usually reply within a few hours.

Can I change plans later?

Yes — upgrade, downgrade or cancel at any time. Changes are prorated to the day.

Do you offer a free trial?

Every paid plan starts with a 14-day trial. No credit card required to get going.

How does billing work?

We bill per seat, monthly or annually. Annual plans save 15% versus paying monthly.

Is my data secure?

All data is encrypted in transit and at rest. Enterprise plans add SSO, audit logs and an SLA.

Can I get a refund?

If you're not happy in the first 30 days, contact us and we'll refund you in full.

FAQ

Questions, answered

Can I change plans later?

Yes — upgrade, downgrade or cancel anytime. Changes are prorated to the day.

Do you offer a free trial?

Every paid plan starts with a 14-day trial. No credit card required.

How does billing work?

We bill per seat, monthly or annually. Annual plans save 15%.

Is my data secure?

Data is encrypted in transit and at rest. Enterprise adds SSO and audit logs.

Can I get a refund?

Not happy in the first 30 days? Contact us for a full refund.

Do you support teams?

Invite unlimited teammates and manage roles and permissions from one place.

Install

bun x bosia@latest add block faq/accordion
bun x bosia@latest add block faq/grid

accordion pulls @lucide/svelte for its toggle icon.

The blocks

accordion — a sticky heading and support card beside an expandable list. Built on the native <details> / <summary> element, so it needs no JavaScript and no extra components.
grid — a static two-column question-and-answer grid with hairline dividers.

Usage

<script lang="ts">
	import Faq from "$lib/blocks/faq/accordion/block.svelte";
</script>

<Faq />

Questions and answers live in a hardcoded array at the top of each block.svelte. The accordion uses native disclosure, so open / close state works without any client code.

Source

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