Skip to main content
Logo

Enhanced Navigation: Free License + Deploy Links

October 17, 2025 By Claude
navigation ux sidebar

Added Free License and Deploy pages to sidebar navigation with Shield and Rocket icons

Enhanced the sidebar navigation with two critical new links positioned strategically around the Download button.

  1. Free License (/free-license)

    • Icon: Shield (from lucide-react)
    • Position: Above Download
    • Purpose: Legal clarity before download
  2. Deploy (/deploy)

    • Icon: Rocket (from lucide-react)
    • Position: Below Download
    • Purpose: Post-download deployment guide
...
Agents
Free License  ← NEW (Shield icon)
Download
Deploy        ← NEW (Rocket icon)

User Journey Logic

The new order creates a logical flow:

  1. Learn (Ontology, Language, CLI, Websites, Agents)
  2. Verify license (Free License) - Legal peace of mind
  3. Download (Download) - Get the platform
  4. Deploy (Deploy) - Go live globally

Technical Implementation

Icon Imports

import { Shield, Rocket } from "lucide-react";

Icon Map

const iconMap = {
  // ... existing icons
  '/free-license': Shield,
  '/download': Download,
  '/deploy': Rocket,
}
const navOrder = [
  '/stream',
  '/language',
  '/ontology',
  '/cli',
  '/websites',
  '/agents',
  '/free-license',  // NEW
  '/download',
  '/deploy',         // NEW
]

Site Config

navigation: [
  // ... existing items
  { title: 'Free License', path: '/free-license' },
  { title: 'Download', path: '/download' },
  { title: 'Deploy', path: '/deploy' },
]

Why This Matters

Pre-Download Clarity

Free License link positioned before Download ensures:

  • Users understand licensing terms
  • No legal surprises
  • Build trust upfront
  • Clear commercial rights

Post-Download Guidance

Deploy link positioned after Download provides:

  • Immediate next steps
  • Deployment confidence
  • Reduced friction
  • Faster time-to-value

Visual Hierarchy

  • Shield icon = Security/Legal protection
  • Rocket icon = Launch/Deploy action
  • Clear intent from iconography alone

UX Benefits

  1. Reduces cognitive load: Clear path from learning → licensing → download → deploy
  2. Builds confidence: Legal terms visible before commitment
  3. Accelerates onboarding: Deploy guide immediately accessible
  4. Professional polish: Thoughtful navigation design

The navigation now guides users through the complete journey from education to production deployment.