docs: fix lint

Author: codeaholicguy

web/.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run:*)"
+    ]
+  }
+}

web/app/docs/page.tsx

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import { getAllDocPages } from '@/lib/content/loader';
-import GettingStartedGuides from '@/components/GettingStartedGuides';
+
 import type { Metadata } from 'next';
 
 const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://ai-devkit.com';
@@ -83,7 +83,7 @@ export default function DocsPage() {
         <div className="mt-12 pt-12 border-t border-gray-200">
           <h2 className="text-2xl font-bold mb-4">Need Help?</h2>
           <p className="text-gray-600 mb-4">
-            Can't find what you're looking for? Check out our GitHub repository or open an issue.
+            {`Can't find what you're looking for? Check out our GitHub repository or open an issue.`}
           </p>
           <div className="flex gap-4">
             <a

web/app/page.tsx

@@ -87,7 +87,7 @@ export default function Home() {
                   key={`${agent.name}-${index}`}
                   href={agent.href}
                   target="_blank"
-                  rel="noreferrer"
+                  rel="noopener noreferrer"
                   className="flex flex-shrink-0 items-center justify-center px-6 py-4 transition-transform"
                   aria-hidden={index >= agents.length}
                 >

web/app/roadmap/page.tsx

@@ -1,5 +1,5 @@
 import { getRoadmap } from '@/lib/content/loader';
-import MarkdownContent from '@/components/MarkdownContent';
+
 import type { Metadata } from 'next';
 
 const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://ai-devkit.com';
@@ -68,7 +68,7 @@ export default function RoadmapPage() {
         <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.
+          {`Our development roadmap shows what we're working on and what's coming next for AI DevKit.`}
         </p>
 
         {roadmapItems.length === 0 ? (
@@ -127,7 +127,7 @@ export default function RoadmapPage() {
           <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.
+              {`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
@@ -154,7 +154,7 @@ export default function RoadmapPage() {
   );
 }
 
-function RoadmapItem({ item }: { item: { metadata: any; content: string } }) {
+function RoadmapItem({ item }: { item: { metadata: Record<string, string>; 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';
 

web/app/vision/page.tsx

@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { getPage } from "@/lib/content/loader";
 import MarkdownContent from "@/components/MarkdownContent";
 import { notFound } from "next/navigation";
@@ -59,12 +60,12 @@ export default function VisionPage() {
             structured practices and AI assistance.
           </p>
           <div className="flex flex-col sm:flex-row gap-4">
-            <a
+            <Link
               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>
+            </Link>
             <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"

web/components/Footer.tsx

@@ -1,3 +1,5 @@
+import Link from 'next/link';
+
 export default function Footer() {
   const currentYear = new Date().getFullYear();
 
@@ -16,9 +18,9 @@ export default function Footer() {
             <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">
+                <Link href="/docs" className="text-gray-600 hover:text-black no-underline">
                   Documentation
-                </a>
+                </Link>
               </li>
               <li>
                 <a href="/vision" className="text-gray-600 hover:text-black no-underline">