Skip to content
BaseLayer Themes

FAQ 03

Two-column intro + border accordion with link CTA pinned to the left column

Live preview

Still curious?

These cover the basics. If your project sits outside the usual path, say hello — happy to talk through options.

Contact me

Frequently asked questions

I build marketing sites, portfolios, and web apps with Astro, React, and headless CMS platforms like Sanity. Services include frontend development, CMS setup, and performance optimization.

Marketing sites usually take 4–8 weeks depending on scope. Smaller landing pages can ship in 2–3 weeks.

Yes. I regularly partner with design studios and agencies to handle development while they focus on creative direction.

Use the contact form or email [email protected] with your goals, timeline, and budget. I reply within one business day.

File: src/blocks/faq/FAQ03.astro

Narrow left column: h3 intro title, supporting text, and a Button CTA (ctaVariant defaults to link) pinned to the bottom of the column with flex/mt-auto. Wider right column: h2 + border-separated accordion (first item open by default via FaqBorderAccordion).

Config (blocks.ts → faq03)

faq03: {
  width: "wide",
  introTitle: "Still curious?",
  introText: "These cover the basics…",
  cta: "Contact me",
  ctaUrl: "/contact/",
  ctaVariant: "link",
  heading: "Frequently asked questions",
  items: [{ question: "…", answer: "…" }],
  iconStyle: "chevron",
  initialState: "first-open",
  padding: "lg",
},

Add to a page

---
import FAQ03 from "@/blocks/faq/FAQ03.astro";
---

<FAQ03 />

Props

Prop Config key Notes
introTitle / introText faq03.* Left column
cta / ctaUrl / ctaVariant faq03.* Left CTA; default link
heading faq03.heading Right column h2
items faq03.items { question, answer }[]
iconStyle / initialState faq03.* Accordion controls
width / padding / borders — Shared chrome

← FAQ versions · Blocks overview