File: src/blocks/faq/FAQ01.astro
Static FAQ cards — every question and answer is visible (no accordion). Ideal when you want all answers readable at once for SEO and scanning.
Config (blocks.ts + integrations.ts)
Heading/layout from blocks.ts → faq. Items default from integrations.ts → aeo.faq (also used for FAQ JSON-LD).
// blocks.ts
faq: {
width: "narrow",
heading: "Frequently asked questions",
subheading: "Quick answers to common questions about working together.",
},
// integrations.ts
aeo: {
faq: [
{ question: "How do we start?", answer: "Book a call and share your brief." },
{ question: "What’s the timeline?", answer: "Most marketing sites ship in 2–4 weeks." },
],
},Add to a page
---
import FAQ01 from "@/blocks/faq/FAQ01.astro";
---
<FAQ01 />Props override matching keys from config:
<FAQ01
heading="Common questions"
items={[
{ question: "Do you offer retainers?", answer: "Yes — monthly support packages available." },
]}
/>Props
| Prop | Config key | Type / values | Default / notes |
|---|---|---|---|
sectionId |
— |
string |
Default "faq"; DOM id for the section; not in config |
width |
faq.width |
standard | narrow | wide |
Wrapper max-width |
heading |
faq.heading |
string |
— |
subheading |
faq.subheading |
string |
— |
items |
aeo.faq |
{ question: string, answer: string }[] |
Override shared FAQ content for this instance |