Skip to content

docs: update footer to match website structure and styling#1362

Draft
nicolai-rhesis wants to merge 5 commits intomainfrom
docs/update-footer-to-match-website
Draft

docs: update footer to match website structure and styling#1362
nicolai-rhesis wants to merge 5 commits intomainfrom
docs/update-footer-to-match-website

Conversation

@nicolai-rhesis
Copy link
Member

Summary

Updates the documentation footer to match the website footer structure with proper theming and all sections in English.

Changes

Footer Structure

  • Expanded from 3 to 5 sections:
    • Features (new): Test Generation, Metrics, Conversations, Observability
    • Resources (new): Watch Demo, Try Demo, Documentation, API Reference, Blog
    • Guides (new): Quick Start Guide, SDK Connector, CI/CD Integration, Custom Metrics
    • Company (existing): About us, Careers, Contact us
    • Legal (moved to column): Privacy, Terms, Imprint

Visual Updates

  • Light mode: Yellow background (#FDD803) with dark text - matching website
  • Dark mode: Dark background (#0d1117) with light text
  • Added social media icons (Discord, GitHub, LinkedIn) at the bottom
  • Improved hover effects for both themes

Responsive Design

  • 5 columns on desktop (>1024px)
  • 3 columns on tablet (768px-1024px)
  • 2 columns on small tablet (480px-768px)
  • 1 column on mobile (<480px)

Other Improvements

  • All labels in English (no German text)
  • Better accessibility with proper ARIA labels
  • Consistent with website footer structure

Screenshots

Light Mode

Yellow background with 5 footer sections and social icons

Dark Mode

Dark background with light text, same structure

Testing

  • Tested in light mode
  • Tested in dark mode
  • Tested responsive breakpoints
  • All links work correctly
  • Social media icons render properly

MDX requires unescaped curly braces for JSX expressions. The escaped braces cause build failures with 'Unexpected character' errors.
The "Multi-Agent Workflow Testing & Observability" video is more relevant to v0.6.3 which introduced the Interactive Playground, Jira Integration, and Enhanced Trace Visualization features. The v0.6.4 release focuses on split-view playground, file import, and output reuse capabilities.
The video was moved to the v0.6.3 section but the iframe title still referenced v0.6.4. Updated for consistency.
Keep the video organization where the multi-agent video is in v0.6.3 section only, not duplicated in v0.6.4.
- Add 5 footer sections (Features, Resources, Guides, Company, Legal) instead of 3
- Add social media icons (Discord, GitHub, LinkedIn) at bottom
- Update color scheme to match website:
  - Light mode: Yellow background (#FDD803) with dark text
  - Dark mode: Dark background (#0d1117) with light text
- Improve responsive layout with better breakpoints
- Update hover effects for both light and dark modes
- Remove separate legal links section (now integrated as a column)

All sections use English labels and match the website footer structure.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant