When to use it.
Use sections to structure complete page content and maintain consistent vertical rhythm.
Implementation notes.
- Maintain heading hierarchy.
- Keep text contrast readable.
- Do not hide essential content at narrow breakpoints.
Release QA
0/3Implementation checklist.
Handoff notes
Implementation notes for this component.
Quick section export
<section class="ap-hero"><span>Built for practical work</span><h1>Software that helps you get more done.</h1><p>Simple tools, clear workflows, and flexible building blocks.</p><div><button>Get started</button><a>Learn more →</a></div></section>Related components