--- title: Section Overview Template description: "Blueprint for landing pages with headline, card grid, and CTAs." icon: "grid" --- # Section Overview Template Overview pages orient readers for an entire section. Summarize who it’s for, surface the core journeys, and end with a clear “build vs explore” CTA pair. --- ## ❌ DO NOT COPY — Guidance & Constraints - Frontmatter must include `title`, `description`, `icon`. Keep the hero paragraph under two sentences describing audience + outcome. - Provide an `` block pointing to the primary entry point (usually the quickstart). Use `` only for major caveats (beta, deprecation). - Card grids should list 4–6 journeys max using `` or ``. Copy must stay ≤15 words, and every card needs an icon + link. - Optional visuals (comparison table, Mermaid diagram) should be left-to-right and only added when they reduce confusion. - Finish with exactly two CTA cards: left = adjacent/alternative track, right = next logical step deeper in the section. --- ## ✅ COPY THIS — Content Skeleton ````mdx --- title: [Section name] Overview description: [30-second summary of what lives in this section] icon: "compass" --- # [Section] Overview [State who this section is for.] [Explain what they’ll accomplish after browsing these docs.] Start with [Quickstart link] if you’re new, then choose a deeper topic below. ```mermaid graph LR A[Get set up] --> B[Learn concepts] B --> C[Build workflows] C --> D[Support & scale] ``` ## Choose your path [One-line outcome] [One-line outcome] [One-line outcome] [One-line outcome] [One-line outcome] [One-line outcome] [Optional cross-link, e.g., “Self-hosting? Jump to the OSS overview.”] Delete if unused. ## Keep going ```` --- ## ✅ Publish Checklist - [ ] Hero paragraph states audience + outcome; `` points to the primary entry point. - [ ] Card grid lists 4–6 journeys with concise copy and valid icons/links. - [ ] Optional visuals (tables/Mermaid) are LR and actually clarify the flow. - [ ] CTA pair present with related alternative on the left and next logical step on the right. - [ ] All placeholders and unused callouts removed before publishing. ## Browse Other Templates