mcpsystem.design MCP Server

'use client'; import Link from 'next/link'; import { ThemeToggle } from '@/components/ThemeToggle'; interface DocsHeaderProps { onMenuClick: () => void; } export function DocsHeader({ onMenuClick }: DocsHeaderProps) { return ( <header className="fixed top-0 left-0 right-0 z-50 bg-surface/80 backdrop-blur-sm border-b border-muted"> <div className="max-w-screen-2xl mx-auto px-4 md:px-6 h-16 flex items-center justify-between"> <div className="flex items-center gap-4"> {/* Mobile menu button */} <button type="button" onClick={onMenuClick} className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-surface-hover transition-colors md:hidden" aria-label="Open menu" > <svg className="w-5 h-5 text-muted" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" /> </svg> </button> {/* Logo */} <Link href="/" className="flex items-center gap-2"> <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center"> <span className="text-primary-foreground font-bold text-sm">M</span> </div> <span className="font-semibold text-default hidden sm:block">mcpsystem.design</span> </Link> </div> {/* Nav links */} <nav className="flex items-center gap-1"> <a href="https://github.com/heyadam/aids-server" target="_blank" rel="noopener noreferrer" className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-surface-hover transition-colors" aria-label="GitHub" > <svg className="w-5 h-5 text-muted" viewBox="0 0 24 24" fill="currentColor"> <path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61-.546-1.385-1.335-1.755-1.335-1.755-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.295 24 12c0-6.63-5.37-12-12-12" /> </svg> </a> <ThemeToggle /> </nav> </div> </header> ); }