ai-devkit 0.4.2 → 0.6.0

package/web/app/page.tsx

@@ -1,119 +0,0 @@
-import Link from "next/link";
-import GitHubButton from "@/components/GitHubButton";
-
-export default function Home() {
-  return (
-    <div className="bg-white">
-      <section className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 md:py-32">
-        <div className="text-center">
-          <h1 className="text-4xl md:text-6xl font-bold mb-6">
-            Structured AI-Assisted
-            <br />
-            Development
-          </h1>
-          <p className="text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto">
-            A CLI toolkit that brings structure to AI-assisted software development with phase templates, 
-            systematic planning, and comprehensive documentation workflows.
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
-            <Link 
-              href="/docs" 
-              className="px-8 py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-800 transition-colors no-underline"
-            >
-              Get Started
-            </Link>
-            <GitHubButton repo="codeaholicguy/ai-devkit" />
-          </div>
-        </div>
-      </section>
-
-      <section className="bg-gray-50 py-20">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">
-            Why AI DevKit?
-          </h2>
-          <div className="grid md:grid-cols-3 gap-8">
-            <div className="bg-white p-8 rounded-lg border border-gray-200">
-              <h3 className="text-xl font-bold mb-3">Documentation-First</h3>
-              <p className="text-gray-600 leading-relaxed">
-                Start with clear requirements, design decisions, and implementation plans. 
-                Keep your project knowledge organized and accessible.
-              </p>
-            </div>
-            <div className="bg-white p-8 rounded-lg border border-gray-200">
-              <h3 className="text-xl font-bold mb-3">Phase-Based Workflow</h3>
-              <p className="text-gray-600 leading-relaxed">
-                Move systematically through requirements, design, planning, implementation, 
-                and testing. No step gets skipped.
-              </p>
-            </div>
-            <div className="bg-white p-8 rounded-lg border border-gray-200">
-              <h3 className="text-xl font-bold mb-3">AI-Friendly Context</h3>
-              <p className="text-gray-600 leading-relaxed">
-                Organize project knowledge so AI assistants provide better guidance. 
-                Amplify human capabilities with structured context.
-              </p>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <section className="py-20">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-          <div className="max-w-3xl mx-auto">
-            <h2 className="text-3xl md:text-4xl font-bold mb-8 text-center">
-              Quick Start
-            </h2>
-            <div className="bg-gray-50 p-8 rounded-lg border border-gray-200">
-              <p className="text-gray-600 mb-4">Install AI DevKit globally:</p>
-              <pre className="bg-black text-white p-4 rounded overflow-x-auto">
-                <code>npm install -g ai-devkit</code>
-              </pre>
-              <p className="text-gray-600 mt-6 mb-4">Initialize in your project:</p>
-              <pre className="bg-black text-white p-4 rounded overflow-x-auto">
-                <code>ai-devkit init</code>
-              </pre>
-              <p className="text-gray-600 mt-6">or</p>
-              <pre className="bg-black text-white p-4 rounded overflow-x-auto">
-                <code>npx ai-devkit init</code>
-              </pre>
-              <p className="text-gray-600 mt-6">
-                This creates a <code>docs/ai/</code> directory with phase templates for 
-                requirements, design, planning, implementation, testing, deployment, and monitoring.
-              </p>
-              <p className="text-gray-600 mt-6">
-                In Cursor or Claude Code, type <code>/new-requirement</code> to get started.
-              </p>
-              <iframe src="https://www.youtube.com/embed/8cNFkHEVE3o?autoplay=1&mute=1&loop=1&controls=0" className="w-full h-[440px]" />
-            </div>
-            <div className="text-center mt-8">
-              <Link 
-                href="/docs" 
-                className="text-lg font-medium hover:opacity-70 transition-opacity"
-              >
-                Read the full documentation →
-              </Link>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <section className="bg-black text-white py-20">
-        <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 text-center">
-          <h2 className="text-3xl md:text-4xl font-bold mb-6">
-            Ready to structure your development?
-          </h2>
-          <p className="text-xl text-gray-300 mb-8 max-w-2xl mx-auto">
-            Join developers who are building better software with AI assistance and structured workflows.
-          </p>
-          <Link 
-            href="/docs" 
-            className="inline-block px-8 py-3 bg-white text-black rounded-lg font-medium hover:bg-gray-100 transition-colors no-underline"
-          >
-            Get Started Now
-          </Link>
-        </div>
-      </section>
-    </div>
-  );
-}

package/web/app/roadmap/page.tsx

@@ -1,150 +0,0 @@
-import { getRoadmap } from '@/lib/content/loader';
-import MarkdownContent from '@/components/MarkdownContent';
-import type { Metadata } from 'next';
-
-export const metadata: Metadata = {
-  title: 'Roadmap | AI DevKit',
-  description: 'The development roadmap for AI DevKit - see what we\'re building and where we\'re headed.',
-};
-
-const statusColors = {
-  'planned': 'bg-gray-100 text-gray-800 border-gray-300',
-  'in-progress': 'bg-blue-50 text-blue-800 border-blue-300',
-  'completed': 'bg-green-50 text-green-800 border-green-300',
-  'on-hold': 'bg-yellow-50 text-yellow-800 border-yellow-300',
-};
-
-const statusLabels = {
-  'planned': 'Planned',
-  'in-progress': 'In Progress',
-  'completed': 'Completed',
-  'on-hold': 'On Hold',
-};
-
-export default function RoadmapPage() {
-  const roadmapItems = getRoadmap();
-
-  const groupedItems = {
-    'in-progress': roadmapItems.filter(item => item.metadata.status === 'in-progress'),
-    'planned': roadmapItems.filter(item => item.metadata.status === 'planned'),
-    'completed': roadmapItems.filter(item => item.metadata.status === 'completed'),
-    'on-hold': roadmapItems.filter(item => item.metadata.status === 'on-hold'),
-  };
-
-  return (
-    <div className="bg-white py-16">
-      <div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8">
-        <h1 className="text-4xl md:text-5xl font-bold mb-4">Roadmap</h1>
-        
-        <p className="text-xl text-gray-600 mb-12">
-          Our development roadmap shows what we're working on and what's coming next for AI DevKit.
-        </p>
-
-        {roadmapItems.length === 0 ? (
-          <div className="bg-gray-50 border border-gray-200 rounded-lg p-8">
-            <p className="text-gray-600">
-              Roadmap items will be added soon. Check back later or follow us on GitHub for updates.
-            </p>
-          </div>
-        ) : (
-          <div className="space-y-12">
-            {groupedItems['in-progress'].length > 0 && (
-              <section>
-                <h2 className="text-2xl font-bold mb-6 flex items-center gap-3">
-                  <span className="w-3 h-3 bg-blue-500 rounded-full"></span>
-                  In Progress
-                </h2>
-                <div className="space-y-6">
-                  {groupedItems['in-progress'].map((item, index) => (
-                    <RoadmapItem key={index} item={item} />
-                  ))}
-                </div>
-              </section>
-            )}
-
-            {groupedItems['planned'].length > 0 && (
-              <section>
-                <h2 className="text-2xl font-bold mb-6 flex items-center gap-3">
-                  <span className="w-3 h-3 bg-gray-400 rounded-full"></span>
-                  Planned
-                </h2>
-                <div className="space-y-6">
-                  {groupedItems['planned'].map((item, index) => (
-                    <RoadmapItem key={index} item={item} />
-                  ))}
-                </div>
-              </section>
-            )}
-
-            {groupedItems['completed'].length > 0 && (
-              <section>
-                <h2 className="text-2xl font-bold mb-6 flex items-center gap-3">
-                  <span className="w-3 h-3 bg-green-500 rounded-full"></span>
-                  Completed
-                </h2>
-                <div className="space-y-6">
-                  {groupedItems['completed'].map((item, index) => (
-                    <RoadmapItem key={index} item={item} />
-                  ))}
-                </div>
-              </section>
-            )}
-          </div>
-        )}
-
-        <div className="mt-16 pt-8 border-t border-gray-200">
-          <div className="bg-gray-50 p-8 rounded-lg border border-gray-200">
-            <h2 className="text-2xl font-bold mb-4">Have ideas?</h2>
-            <p className="text-gray-600 mb-6">
-              We'd love to hear your suggestions for AI DevKit. Open an issue or discussion on GitHub to share your thoughts.
-            </p>
-            <div className="flex flex-col sm:flex-row gap-4">
-              <a
-                href="https://github.com/codeaholicguy/ai-devkit/issues/new"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="px-6 py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-800 transition-colors no-underline text-center"
-              >
-                Submit an Idea
-              </a>
-              <a
-                href="https://github.com/codeaholicguy/ai-devkit/discussions"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="px-6 py-3 border border-black rounded-lg font-medium hover:bg-gray-50 transition-colors no-underline text-center"
-              >
-                Join Discussion
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function RoadmapItem({ item }: { item: { metadata: any; content: string } }) {
-  const statusColor = statusColors[item.metadata.status as keyof typeof statusColors] || statusColors.planned;
-  const statusLabel = statusLabels[item.metadata.status as keyof typeof statusLabels] || 'Unknown';
-
-  return (
-    <div className="border border-gray-200 rounded-lg p-6 hover:border-gray-400 transition-colors">
-      <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-4 mb-4">
-        <h3 className="text-xl font-bold">{item.metadata.title}</h3>
-        <div className="flex gap-2 flex-wrap">
-          <span className={`px-3 py-1 rounded-full text-sm font-medium border ${statusColor}`}>
-            {statusLabel}
-          </span>
-          {item.metadata.timeframe && (
-            <span className="px-3 py-1 rounded-full text-sm font-medium bg-gray-100 text-gray-700 border border-gray-300">
-              {item.metadata.timeframe}
-            </span>
-          )}
-        </div>
-      </div>
-      <div className="text-gray-700 leading-relaxed">
-        {item.content}
-      </div>
-    </div>
-  );
-}

package/web/app/robots.ts

@@ -1,16 +0,0 @@
-import { MetadataRoute } from 'next';
-
-export const dynamic = 'force-static';
-
-export default function robots(): MetadataRoute.Robots {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://ai-devkit.com';
-
-  return {
-    rules: {
-      userAgent: '*',
-      allow: '/',
-    },
-    sitemap: `${baseUrl}/sitemap.xml`,
-  };
-}
-

package/web/app/sitemap.ts

@@ -1,46 +0,0 @@
-import { MetadataRoute } from 'next';
-import { getAllDocPages, getAllPages, getRoadmap } from '@/lib/content/loader';
-
-export const dynamic = 'force-static';
-
-export default function sitemap(): MetadataRoute.Sitemap {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://ai-devkit.com';
-
-  const staticRoutes = [
-    {
-      url: baseUrl,
-      lastModified: new Date(),
-      changeFrequency: 'weekly' as const,
-      priority: 1.0,
-    },
-    {
-      url: `${baseUrl}/docs`,
-      lastModified: new Date(),
-      changeFrequency: 'weekly' as const,
-      priority: 0.9,
-    },
-    {
-      url: `${baseUrl}/vision`,
-      lastModified: new Date(),
-      changeFrequency: 'monthly' as const,
-      priority: 0.8,
-    },
-    {
-      url: `${baseUrl}/roadmap`,
-      lastModified: new Date(),
-      changeFrequency: 'weekly' as const,
-      priority: 0.8,
-    },
-  ];
-
-  const docs = getAllDocPages();
-  const docRoutes = docs.map((doc) => ({
-    url: `${baseUrl}/docs/${doc.metadata.slug}`,
-    lastModified: new Date(),
-    changeFrequency: 'weekly' as const,
-    priority: 0.7,
-  }));
-
-  return [...staticRoutes, ...docRoutes];
-}
-

package/web/app/vision/page.tsx

@@ -1,49 +0,0 @@
-import { getPage } from "@/lib/content/loader";
-import MarkdownContent from "@/components/MarkdownContent";
-import { notFound } from "next/navigation";
-import type { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "Vision | AI DevKit",
-  description:
-    "The vision and purpose behind AI DevKit - bridging AI-assisted development with structured software engineering practices.",
-};
-
-export default function VisionPage() {
-  const page = getPage("vision");
-
-  if (!page) {
-    notFound();
-  }
-
-  return (
-    <div className="bg-white py-16">
-      <article className="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
-        <MarkdownContent content={page.content} />
-      </article>
-      <div className="mt-16 pt-8 border-t border-gray-200 mx-auto max-w-4xl px-4 sm:px-6 lg:px-8">
-        <div className="bg-gray-50 p-8 rounded-lg border border-gray-200">
-          <h2 className="text-2xl font-bold mb-4">Ready to get started?</h2>
-          <p className="text-gray-600 mb-6">
-            See how AI DevKit can improve your development workflow with
-            structured practices and AI assistance.
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4">
-            <a
-              href="/docs"
-              className="px-6 py-3 bg-black text-white rounded-lg font-medium hover:bg-gray-800 transition-colors no-underline text-center"
-            >
-              Get Started
-            </a>
-            <a
-              href="/roadmap"
-              className="px-6 py-3 border border-black rounded-lg font-medium hover:bg-gray-50 transition-colors no-underline text-center"
-            >
-              View Roadmap
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/web/components/Footer.tsx

@@ -1,81 +0,0 @@
-export default function Footer() {
-  const currentYear = new Date().getFullYear();
-
-  return (
-    <footer className="border-t border-gray-200 mt-auto" role="contentinfo" aria-label="Site footer">
-      <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8">
-        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-          <div>
-            <h3 className="text-sm font-bold mb-3">AI DevKit</h3>
-            <p className="text-sm text-gray-600 leading-relaxed">
-              A CLI toolkit for AI-assisted software development with phase templates and structured workflows.
-            </p>
-          </div>
-
-          <div>
-            <h3 className="text-sm font-bold mb-3">Resources</h3>
-            <ul className="space-y-2 text-sm">
-              <li>
-                <a href="/docs" className="text-gray-600 hover:text-black no-underline">
-                  Documentation
-                </a>
-              </li>
-              <li>
-                <a href="/vision" className="text-gray-600 hover:text-black no-underline">
-                  Vision
-                </a>
-              </li>
-              <li>
-                <a href="/roadmap" className="text-gray-600 hover:text-black no-underline">
-                  Roadmap
-                </a>
-              </li>
-              <li>
-                <a 
-                  href="https://github.com/codeaholicguy/ai-devkit" 
-                  target="_blank" 
-                  rel="noopener noreferrer"
-                  className="text-gray-600 hover:text-black no-underline"
-                >
-                  GitHub
-                </a>
-              </li>
-            </ul>
-          </div>
-
-          <div>
-            <h3 className="text-sm font-bold mb-3">Community</h3>
-            <ul className="space-y-2 text-sm">
-              <li>
-                <a 
-                  href="https://github.com/codeaholicguy/ai-devkit/issues" 
-                  target="_blank" 
-                  rel="noopener noreferrer"
-                  className="text-gray-600 hover:text-black no-underline"
-                >
-                  Issues
-                </a>
-              </li>
-              <li>
-                <a 
-                  href="https://github.com/codeaholicguy/ai-devkit/blob/main/CHANGELOG.md" 
-                  target="_blank" 
-                  rel="noopener noreferrer"
-                  className="text-gray-600 hover:text-black no-underline"
-                >
-                  Changelog
-                </a>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div className="mt-8 pt-8 border-t border-gray-200">
-          <p className="text-sm text-gray-500 text-center">
-            © {currentYear} AI DevKit. Released under the MIT License.
-          </p>
-        </div>
-      </div>
-    </footer>
-  );
-}

package/web/components/GitHubButton.tsx

@@ -1,49 +0,0 @@
-'use client';
-
-import { useGitHubStars } from '@/lib/GitHubContext';
-import { formatStars } from '@/lib/utils';
-
-interface GitHubButtonProps {
-  repo: string;
-  className?: string;
-}
-
-export default function GitHubButton({ repo, className = '' }: GitHubButtonProps) {
-  const { stars, loading } = useGitHubStars();
-
-  return (
-    <a
-      href={`https://github.com/${repo}`}
-      target="_blank"
-      rel="noopener noreferrer"
-      className={`inline-flex items-center gap-2 px-8 py-3 border border-black rounded-lg font-medium hover:bg-gray-50 transition-colors no-underline ${className}`}
-    >
-      <svg
-        className="w-5 h-5"
-        fill="currentColor"
-        viewBox="0 0 24 24"
-        aria-hidden="true"
-      >
-        <path
-          fillRule="evenodd"
-          d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-          clipRule="evenodd"
-        />
-      </svg>
-      <span>View on GitHub</span>
-      {!loading && stars !== null && (
-        <span className="flex items-center gap-1 px-2 py-0.5 bg-gray-100 rounded-full text-sm">
-          <svg
-            className="w-4 h-4 text-gray-700"
-            fill="currentColor"
-            viewBox="0 0 20 20"
-            aria-hidden="true"
-          >
-            <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
-          </svg>
-          {formatStars(stars)}
-        </span>
-      )}
-    </a>
-  );
-}

package/web/components/GitHubStars.tsx

@@ -1,27 +0,0 @@
-'use client';
-
-import { useGitHubStars } from '@/lib/GitHubContext';
-import { formatStars } from '@/lib/utils';
-
-export default function GitHubStars() {
-  const { stars } = useGitHubStars();
-
-  if (stars === null) {
-    return null;
-  }
-
-  return (
-    <span className="inline-flex items-center gap-1 text-xs text-gray-600">
-      <svg
-        className="w-3 h-3"
-        fill="currentColor"
-        viewBox="0 0 20 20"
-        aria-hidden="true"
-      >
-        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
-      </svg>
-      {formatStars(stars)}
-    </span>
-  );
-}
-

package/web/components/Header.tsx

@@ -1,108 +0,0 @@
-'use client';
-
-import Link from 'next/link';
-import { useState } from 'react';
-import GitHubStars from './GitHubStars';
-
-export default function Header() {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
-
-  const navigation = [
-    { name: 'Home', href: '/' },
-    { name: 'Documentation', href: '/docs' },
-    { name: 'Vision', href: '/vision' },
-    { name: 'Roadmap', href: '/roadmap' },
-  ];
-
-  return (
-    <header className="border-b border-gray-200">
-      <nav className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" aria-label="Main navigation">
-        <div className="flex h-16 items-center justify-between">
-          <div className="flex items-center">
-            <Link href="/" className="text-xl font-bold no-underline hover:opacity-100">
-              AI DevKit
-            </Link>
-          </div>
-
-          <div className="hidden md:block">
-            <div className="flex items-center space-x-8">
-              {navigation.map((item) => (
-                <Link
-                  key={item.name}
-                  href={item.href}
-                  className="text-sm font-medium no-underline hover:opacity-70 transition-opacity"
-                >
-                  {item.name}
-                </Link>
-              ))}
-              <a
-                href="https://github.com/codeaholicguy/ai-devkit"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="inline-flex items-center gap-2 text-sm font-medium no-underline hover:opacity-70 transition-opacity"
-              >
-                <svg
-                  className="w-4 h-4"
-                  fill="currentColor"
-                  viewBox="0 0 24 24"
-                  aria-hidden="true"
-                >
-                  <path
-                    fillRule="evenodd"
-                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                    clipRule="evenodd"
-                  />
-                </svg>
-                GitHub
-                <GitHubStars />
-              </a>
-            </div>
-          </div>
-
-          <div className="md:hidden">
-            <button
-              type="button"
-              onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-              className="inline-flex items-center justify-center p-2 rounded-md hover:bg-gray-100"
-              aria-expanded={mobileMenuOpen}
-            >
-              <span className="sr-only">Open main menu</span>
-              {mobileMenuOpen ? (
-                <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
-                  <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
-                </svg>
-              ) : (
-                <svg className="h-6 w-6" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
-                  <path strokeLinecap="round" strokeLinejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
-                </svg>
-              )}
-            </button>
-          </div>
-        </div>
-
-        {mobileMenuOpen && (
-          <div className="md:hidden py-4 space-y-1 border-t border-gray-200">
-            {navigation.map((item) => (
-              <Link
-                key={item.name}
-                href={item.href}
-                className="block px-3 py-2 text-base font-medium no-underline hover:bg-gray-100 rounded-md"
-                onClick={() => setMobileMenuOpen(false)}
-              >
-                {item.name}
-              </Link>
-            ))}
-            <a
-              href="https://github.com/codeaholicguy/ai-devkit"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="block px-3 py-2 text-base font-medium no-underline hover:bg-gray-100 rounded-md"
-            >
-              GitHub
-            </a>
-          </div>
-        )}
-      </nav>
-    </header>
-  );
-}