Reusable Components

Verdict Law uses Astro components for repeatable UI patterns. Components can accept props, render slots, import data, and compose other components.

Common Components

Button.astro renders reusable links or button-styled calls to action.

Container.astro keeps page content aligned to the theme grid.

PageHero.astro renders page title sections.

SectionHeading.astro standardizes section labels, headings, and supporting copy.

ConsultationCTA.astro renders consultation prompts.

FAQAccordion.astro renders frequently asked questions.

Breadcrumbs.astro provides page hierarchy links.

Cards

ArticleCard.astro, AttorneyCard.astro, PracticeAreaCard.astro, and Testimonial.astro render repeated content items.

Props

Astro props are usually declared near the top of a component:

---
interface Props {
  title: string;
  href?: string;
}

const { title, href = '/' } = Astro.props;
---

This example shows the pattern only. Inspect each component’s actual Props interface before editing usages.