redesign: new docs layout, navbar, homepage integrations, and navigation#360
redesign: new docs layout, navbar, homepage integrations, and navigation#360sebastianmaniak wants to merge 34 commits intomainfrom
Conversation
7e5fe45 to
6e76d7b
Compare
- Navbar: site links (Docs, Blog, Community, Enterprise) on homepage, clean logo+search+stars+version+theme on docs pages - Docs: horizontal section tab bar at top, context-aware sidebar showing only active section items, always-visible sticky sidebar - Homepage: platform capabilities cards, scrolling integration marquees with brand-accurate SVG icons (30+ integrations), scroll reveal animations - Navigation: reorganized into 9 sections, moved Architecture/System Prompts to Reference, removed Platforms section - Added NVIDIA to LLM Providers integrations - Figtree font throughout Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Stars and contributors now fetched from GitHub API on mount instead of displaying stale hardcoded values (5,247 / 94). Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io> Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Fix hero text centering with dedicated rd-hero-text class - Replace hardcoded community stats with live GitHub API data - Add xAI (Grok) to supported providers with docs page - Add Channels landing page with overview and quick links - Replace One-line install with NemoClaw feature card - Remove enterprise card, update to fully open source messaging - Add Langfuse, GKE, EKS, AKS, OCI to infrastructure integrations - Fix Ollama and AWS icons with official logos - Remove Blog from docs nav, show navbar links on all pages - Fix docs section tab highlighting with sectionContainsPage - Remove Apache 2.0 and One-line install from hero meta Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io> Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Replace generic use case icons with distinct ones (siren, search, terminal, brain, messageCircle, gitMerge) - Add Chat providers and Multi-agent workflows use cases - Remove NVIDIA from LLM providers marquee - Update NemoClaw icon to NVIDIA logo - Add OpenShell to infrastructure integrations Signed-off-by: Sebastian Maniak <sebastian.maniak@solo.io> Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Add tabbed terminal block (One-liner/Brew) with copy button in hero - Add "Requires: kind, Helm, kubectl" line below terminal - Add "Who Uses" adopters section with logos from adopters.yaml - Remove "Fully open source" editions section Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Swap all hand-drawn Icon paths with proper Lucide icon SVGs - Remove company names from adopters marquee, show logos only - Add grayscale-to-color hover effect on adopter logos Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Add Features link to navbar - Create /docs/kagent/introduction/features with all 12 capabilities - Trim homepage Platform Capabilities to 6 key items - Add "See all features" link to full page Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Remove Agents and Tools from main site navbar - Add Agents Registry link to docs Agents section - Add Tools Registry link to docs Tools & Plugins section - Add Features link to docs Get Started section Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
…r Install - Agents tab links to /agents registry - Tools tab links to /tools registry - Agent docs (concepts, BYO, A2A, etc.) moved under Install > Agents - Tools docs (concepts, kmcp, ecosystem) moved under Install > Tools & Plugins - Channels moved under Install > Channels Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
…layouts for registries - Nest Helm/Upgrade/Uninstall/Ops under Installing kagent - Move Features into Install section, Channels to own top-level tab - Add docs layout wrappers for /agents and /tools routes - Remove Background wrapper from registry pages Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
… kagent page - New Channels top-level nav tab with Overview, Slack, Discord, Telegram, WhatsApp, MCP Clients - Rewrite channels overview page as a hub with platform comparison table - Add WhatsApp placeholder page (coming soon) - Add full platform features section to What is kagent page - Remove Features from Install nav (now lives on What is kagent) - Remove channel items from Agents subcategory Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Create FeatureGrid MDX component with icon cards matching homepage style - Use FeatureGrid on What is kagent and Features pages instead of markdown lists - Add dark mode styles for feature cards in docs context - New Channels top-level nav with Overview, Slack, Discord, Telegram, WhatsApp, MCP - Rewrite channels overview as hub page with platform comparison table - Add WhatsApp placeholder page Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
49354e0 to
dc2d40d
Compare
…gory Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
…mples Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
… Tools Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Agents as CRDs: Kubernetes logo - Multi-LLM Providers: OpenAI logo - MCP Tool Servers: MCP logo - Agent Harness: OpenClaw logo (new 4th chip) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
- Agent Harness chip: OpenClaw mascot logo, NemoClaw/OpenClaw/OpenShell - Multi-LLM Providers: OpenAI logo, reorder to OpenAI first - Agents as CRDs: Kubernetes wheel logo - BYO Frameworks: new 5th chip with kagent logo, right-center position - MCP Tool Servers: thicker purple MCP logo Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
Remove chevron toggles and force sub-sections open for Install (Installing kagent, Tools & Plugins, Concepts) and Channels (Messaging) docs sections. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Signed-off-by: Sebastian Maniak <sebastian@maniak.io>
|
|
||
|
|
||
| Connect WhatsApp to your kagent agents for mobile-first cluster operations. Manage your Kubernetes resources, ask questions, and receive alerts directly in WhatsApp conversations. |
There was a problem hiding this comment.
this page doesn't make sense -- let's remove it until we have something to put on there
There was a problem hiding this comment.
remove it for this frontend change
There was a problem hiding this comment.
seting docs back to the OG .. as we will focus on this after.
| <GoogleTagManager gtmId="GTM-KNRGVQPF" /> | ||
| <body className="min-h-screen bg-background flex flex-col"> | ||
| <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange> | ||
| <ThemeProvider attribute="class" defaultTheme="light" disableTransitionOnChange> |
| import React from "react"; | ||
|
|
||
| const iconPaths: Record<string, React.ReactNode> = { | ||
| workflow: <><rect x="3" y="3" width="8" height="8" rx="2"/><rect x="13" y="13" width="8" height="8" rx="2"/><path d="M7 11v4a2 2 0 0 0 2 2h4M17 13V9a2 2 0 0 0-2-2h-4"/></>, |
There was a problem hiding this comment.
nit: perhaps we store these icons in separate SVG files -- it's easier to maintain/manage
| ============================================================ */ | ||
| @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap'); | ||
|
|
||
| .rd-shell { |
There was a problem hiding this comment.
we're using tailwind for CSS, can we try to re-use tailwind utility classes/overwrites instead of adding a bunch of custom css classes?
There was a problem hiding this comment.
probably related: the dark theme doesn't work anymore
| const pathname = usePathname(); | ||
| const [stars, setStars] = useState<string>(''); | ||
| const [version, setVersion] = useState<string>(''); | ||
| useEffect(() => { |
There was a problem hiding this comment.
I am afraid we'll get ratelimited here
| "build": "npm run check-links && npm run generate-sitemap && next build", | ||
| "start": "next start", | ||
| "lint": "next lint", | ||
| "build:worker": "npm run generate-nav && npm run check-links && npm run generate-sitemap && npx opennextjs-cloudflare build", |
There was a problem hiding this comment.
why was generate-nav removed?
| </div> | ||
| <div className="rd-uc-grid"> | ||
| {[ | ||
| ['siren', 'Incident response', 'A pager-aware agent that triages alerts, correlates traces, drafts the runbook, and opens the rollback PR — with humans approving each step.'], |
There was a problem hiding this comment.
these have a "Read the pattern" links but those links don't go anywhere (we should probably remove the links)
clean logo+search+stars+version+theme on docs pages
only active section items, always-visible sticky sidebar
with brand-accurate SVG icons (30+ integrations), scroll reveal animations
to Reference, removed Platforms section
Co-Authored-By: Claude Opus 4.6 noreply@anthropic.com