Update product links

src/components/Footer.tsx

@@ -1,4 +1,6 @@
-import { Github, Twitter, FileText } from "lucide-react";
+import { FileText, Github } from "lucide-react";
+
+import { LINKS } from "@/lib/links";
 
 const columns = [
   {
@@ -7,26 +9,21 @@ const columns = [
       { label: "Features", href: "#features" },
       { label: "How it works", href: "#how" },
       { label: "FAQ", href: "#faq" },
-      { label: "Changelog", href: "#" },
+      { label: "Changelog", href: LINKS.changelog },
     ],
   },
   {
     heading: "resources",
     links: [
-      { label: "Docs", href: "#" },
+      { label: "Docs", href: LINKS.docs },
-      { label: "npm package", href: "#" },
+      { label: "npm package", href: LINKS.npm },
-      { label: "GitHub", href: "#" },
+      { label: "GitHub", href: LINKS.github },
-      { label: "Report a bug", href: "#" },
+      { label: "Report a bug", href: LINKS.issues },
     ],
   },
   {
     heading: "connect",
-    links: [
+    links: [{ label: "Contact", href: LINKS.issues }],
-      { label: "Twitter / X", href: "#" },
-      { label: "Discord", href: "#" },
-      { label: "Blog", href: "#" },
-      { label: "Contact", href: "#" },
-    ],
   },
 ];
 
@@ -52,21 +49,14 @@ export function Footer() {
             </p>
             <div className="mt-5 flex gap-2">
               <a
-                href="#"
+                href={LINKS.github}
                 aria-label="GitHub"
                 className="flex h-8 w-8 items-center justify-center border border-[var(--color-line)] text-[var(--color-fg-muted)] transition-colors hover:border-[var(--color-accent)]/50 hover:text-[var(--color-accent)]"
               >
                 <Github className="h-4 w-4" />
               </a>
               <a
-                href="#"
+                href={LINKS.docs}
-                aria-label="Twitter"
-                className="flex h-8 w-8 items-center justify-center border border-[var(--color-line)] text-[var(--color-fg-muted)] transition-colors hover:border-[var(--color-accent)]/50 hover:text-[var(--color-accent)]"
-              >
-                <Twitter className="h-4 w-4" />
-              </a>
-              <a
-                href="#"
                 aria-label="Docs"
                 className="flex h-8 w-8 items-center justify-center border border-[var(--color-line)] text-[var(--color-fg-muted)] transition-colors hover:border-[var(--color-accent)]/50 hover:text-[var(--color-accent)]"
               >

src/components/Hero.tsx

@@ -3,6 +3,7 @@ import { ArrowRight, BookOpen } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import { InstallCommand } from "@/components/InstallCommand";
+import { LINKS } from "@/lib/links";
 
 const reveal = {
   hidden: { opacity: 0, y: 18 },
@@ -94,7 +95,7 @@ export function Hero() {
               </a>
             </Button>
             <Button asChild size="lg" variant="outline">
-              <a href="#">
+              <a href={LINKS.docs}>
                 <BookOpen className="h-4 w-4" /> Read the docs
               </a>
             </Button>

src/components/Nav.tsx

@@ -3,6 +3,7 @@ import { motion } from "motion/react";
 import { Github, Menu, X } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
+import { LINKS } from "@/lib/links";
 import { cn } from "@/lib/utils";
 
 const links = [
@@ -60,13 +61,13 @@ export function Nav() {
 
         <div className="hidden items-center gap-3 md:flex">
           <Button asChild variant="ghost" size="sm">
-            <a href="#" aria-label="GitHub">
+            <a href={LINKS.github} aria-label="GitHub">
               <Github className="h-4 w-4" />
               <span>0.1k</span>
             </a>
           </Button>
           <Button asChild variant="outline" size="sm">
-            <a href="#">npm</a>
+            <a href={LINKS.npm}>npm</a>
           </Button>
         </div>
 
@@ -94,10 +95,10 @@ export function Nav() {
             ))}
             <div className="mt-2 flex gap-3">
               <Button asChild variant="outline" size="sm" className="flex-1">
-                <a href="#">GitHub</a>
+                <a href={LINKS.github}>GitHub</a>
               </Button>
               <Button asChild variant="default" size="sm" className="flex-1">
-                <a href="#">npm</a>
+                <a href={LINKS.npm}>npm</a>
               </Button>
             </div>
           </nav>

src/lib/links.ts

@@ -0,0 +1,7 @@
+export const LINKS = {
+  github: "https://github.com/owenqwenstarsky/cassady",
+  npm: "https://www.npmjs.com/package/cassady",
+  docs: "https://docs.cassadu.sh",
+  issues: "https://github.com/owenqwenstarsky/cassady/issues",
+  changelog: "https://github.com/owenqwenstarsky/cassady/releases",
+} as const;