# Section patterns (`sections.md`)

Backed by audit data in `resources/design-system/section-patterns.php`. Summaries tie to Blade exemplars.

| Section archetype | Intent | Canonical references |
| --- | --- | --- |
| Split hero | Hook + directional CTA | `home.blade.php`, multiple service openings |
| Trust bar | Logos/clients carousel | Industry + service stacks |
| Outcome bullets | Green/primary icon lists | Comparative storytelling |
| Comparison grid | Negative vs positive framing | Legacy + current industry blades |
| Feature triptych | `md:grid-cols-3` educational blocks | service detail arcs |
| FAQ accordion | Objection busting | `home.blade.php`, long-tail SEO blades |
| Dark CTA cap | Repeated conversion impulse | Ends of programmatic pages |
| Explore cross-sell | Prevent dead-end UX | Nearly all closing sections |
| Contact mini-rails | Alternate CTA entry | Contextual placements |

### Composition recipe (generic long page)

1. Hero (intent lock-in)
2. Proof cluster (credibility early)
3. Methodology segmentation (step cards / timelines)
4. Pricing or calculator hook (commercial clarity)
5. FAQ + schema mirrored content
6. Explore-site cross-links
7. Footer matrix (automatic via layout inclusion)

Section ordering deviations require SEO + CX sign-off — altering order affects scroll-depth metrics & Clarity recordings.

Consult [`page-patterns.md`](page-patterns.md) for URL-level expectations.