Marketing blocks
FAQ sections
Frequently-asked-questions sections using the Accordion atom: centered list, two-column, open grid, image and contact-card variants. Figma: FAQ section.
import
{ FaqSection, type FaqItem, type FaqLayout } from "@pepulux/ui"Accordion
Frequently asked questions
Everything you need to know about the product and billing.
Yes — every plan includes a 14-day trial with no credit card required. You can invite your team and explore everything.
Two-column (muted)
FAQs
Can't find what you're looking for? Chat with our team.
Yes — every plan includes a 14-day trial with no credit card required. You can invite your team and explore everything.
Grid
Questions, answered
Is there a free trial available?
Yes — every plan includes a 14-day trial with no credit card required. You can invite your team and explore everything.
Can I change my plan later?
Absolutely. Upgrade, downgrade or cancel at any time from your billing settings; changes apply on your next invoice.
What is your cancellation policy?
Cancel whenever you like. You keep access until the end of the billing period and we never charge cancellation fees.
How does billing work?
Plans are billed monthly or annually per seat. Annual billing includes a 20% discount.
Image
Got questions?
Yes — every plan includes a 14-day trial with no credit card required. You can invite your team and explore everything.
Contact card (brand)
Frequently asked questions
Yes — every plan includes a 14-day trial with no credit card required. You can invite your team and explore everything.
ORPBLSDWCW+1
Still have questions?
Our friendly team is happy to help.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| layout | "accordion" | "two-column" | "grid" | "image" | "contact" | "accordion" | Figma layout |
| tone | "light" | "muted" | "brand" | "light" | Background tone — Figma Light / Muted / Brand |
| items | { question; answer }[] | — | Questions and answers |
| contact | { title; description; action; people?; onClick? } | — | Contact card for the contact layout |
| image | string | — | Artwork for the image layout |