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.
Navigation Updates
New Links Added
-
Free License (
/free-license)- Icon: Shield (from lucide-react)
- Position: Above Download
- Purpose: Legal clarity before download
-
Deploy (
/deploy)- Icon: Rocket (from lucide-react)
- Position: Below Download
- Purpose: Post-download deployment guide
Navigation Flow
...
Agents
Free License ← NEW (Shield icon)
Download
Deploy ← NEW (Rocket icon)
User Journey Logic
The new order creates a logical flow:
- Learn (Ontology, Language, CLI, Websites, Agents)
- Verify license (Free License) - Legal peace of mind
- Download (Download) - Get the platform
- 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,
}
Navigation Order
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
- Reduces cognitive load: Clear path from learning → licensing → download → deploy
- Builds confidence: Legal terms visible before commitment
- Accelerates onboarding: Deploy guide immediately accessible
- Professional polish: Thoughtful navigation design
The navigation now guides users through the complete journey from education to production deployment.