Files
Portfolio/components/CallToAction.tsx
T
Jonathan 6b698c5f58 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>
2026-03-26 22:34:41 +01:00

25 lines
930 B
TypeScript

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>
)
}