SaaS Help Center Page

Create a help center / knowledge base page:

1. HERO SECTION
- "How can we help?"
- Large search bar with placeholder: "Search for articles..."
- Popular searches as clickable tags below

2. CATEGORY CARDS (grid of 6)
Each card:
- Icon
- Category name
- Brief description
- Article count
- Hover state

Categories:
- Getting Started (rocket icon)
- Account & Billing (credit card icon)
- Projects & Tasks (folder icon)
- Team & Collaboration (users icon)
- Integrations (plug icon)
- Troubleshooting (wrench icon)

3. POPULAR ARTICLES SECTION
- "Most viewed articles"
- List of 5-6 articles with:
  - Article title (link)
  - Category tag
  - Read time

4. ARTICLE PAGE TEMPLATE
Layout:
- Breadcrumb navigation
- Article title
- Last updated date
- Table of contents (sticky sidebar)
- Article content with:
  - Headings (H2, H3)
  - Paragraphs
  - Bullet lists
  - Code blocks
  - Images/screenshots
  - Callout boxes (info, warning, tip)
- "Was this helpful?" Yes/No buttons
- Related articles
- "Still need help? Contact support" CTA

5. CONTACT SUPPORT SECTION
- "Can't find what you're looking for?"
- Three options:
  - Live Chat (available hours)
  - Email Support (response time)
  - Community Forum

6. FOOTER
- Links to: Status Page, API Docs, Community, Feedback
- Emergency contact for critical issues

Design: Clean, scannable layout. Good typography hierarchy. Search should be prominent.