add docs to header and footer, add sdk npm link to footer

Author: chad-syntax

src/components/marketing/footer.tsx

@@ -19,14 +19,22 @@ const footerData: FooterColumn[] = [
     links: [
       { href: '/#benefits', label: 'Product' },
       { href: routes.marketing.roadmap(), label: 'Roadmap' },
+      { href: routes.docs.home, label: 'Docs' },
       { href: '/#how-it-works', label: 'How It Works' },
       { href: '/#pricing', label: 'Pricing' },
       { href: '/#faq', label: 'FAQ' },
     ],
   },
   {
     title: 'Resources',
-    links: [{ href: routes.external.github, label: 'GitHub', external: true }],
+    links: [
+      { href: routes.external.github, label: 'GitHub', external: true },
+      {
+        href: routes.external.npm,
+        label: 'NPM',
+        external: true,
+      },
+    ],
   },
   {
     title: 'Legal',

src/components/marketing/header.tsx

@@ -58,10 +58,10 @@ export const Header = () => {
               Product
             </Link>
             <Link
-              href="/#how-it-works"
+              href={routes.docs.home}
               className="text-sm font-medium text-foreground/70 hover:text-foreground"
             >
-              How It Works
+              Docs
             </Link>
             <Link
               href="/#pricing"

src/utils/routes.ts

@@ -8,6 +8,9 @@ export const routes = {
     roadmap: (proposeModal?: boolean) => `/roadmap${proposeModal ? '?proposeModal=true' : ''}`,
     roadmapItem: (itemSlug: string) => `/roadmap/${itemSlug}`,
   },
+  docs: {
+    home: '/docs',
+  },
   studio: {
     home: '/studio',
     organization: (organizationUuid: string) => `/studio/organization/${organizationUuid}`,
@@ -68,6 +71,7 @@ export const routes = {
   error: (message: string) => `/error?message=${encodeURIComponent(message)}`,
   external: {
     github: 'https://github.com/chad-syntax/agentsmith',
+    npm: 'https://www.npmjs.com/package/@agentsmith-app/sdk',
     stripe: {
       checkout: {
         proAlphaClub: