Build portfolio site with Next.js, Tailwind CSS, and dark mode

- Add CLAUDE.md with project conventions and architecture notes
- Create Navbar (sticky, backdrop blur, mobile menu) and Footer
- Build homepage sections: Hero, FeaturedProjects, Skills, CurrentWork, CallToAction
- Add /projects, /about, and /contact pages
- Create reusable ProjectCard and Badge components
- Centralise project data in content/projects.json with featured flag
- Add class-based dark mode toggle (default dark, persisted to localStorage)
- Refactor globals.css: remove conflicting prefers-color-scheme media query
- Fix two-instance ThemeToggle sync bug in Navbar
- Fix key={index} anti-pattern in timeline, stale closure in setOpen

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/CallToAction.tsx

@@ -0,0 +1,24 @@
+import Link from 'next/link'
+
+export default function CallToAction() {
+  return (
+    <section className="mx-auto max-w-5xl px-6 py-24 text-center">
+      <p className="font-mono text-xs uppercase tracking-[0.2em] text-zinc-500">
+        Get in touch
+      </p>
+      <h2 className="mt-4 text-3xl font-semibold text-zinc-900 dark:text-white">
+        Let&apos;s work together.
+      </h2>
+      <p className="mx-auto mt-4 max-w-sm text-sm leading-6 text-zinc-600 dark:text-zinc-400">
+        Open to freelance projects, full-time roles, and interesting
+        collaborations. I&apos;d love to hear what you&apos;re building.
+      </p>
+      <Link
+        href="/contact"
+        className="mt-8 inline-block rounded-sm bg-zinc-900 px-8 py-3 text-sm font-semibold text-white transition-colors hover:bg-zinc-700 dark:bg-white dark:text-zinc-950 dark:hover:bg-zinc-200"
+      >
+        Say Hello
+      </Link>
+    </section>
+  )
+}