Jonathan
6b698c5f58
- 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>
21 lines
657 B
TypeScript
21 lines
657 B
TypeScript
import ProjectCard from '@/components/ProjectCard'
|
|
import projects from '@/content/projects.json'
|
|
|
|
export default function ProjectsPage() {
|
|
return (
|
|
<div className="mx-auto max-w-5xl px-6 py-16">
|
|
<h1 className="mb-2 text-3xl font-semibold text-zinc-900 dark:text-white">Projects</h1>
|
|
<p className="mb-10 text-sm text-zinc-600 dark:text-zinc-400">
|
|
A selection of things I've built.
|
|
</p>
|
|
<ul className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
{projects.map((project) => (
|
|
<li key={project.title}>
|
|
<ProjectCard {...project} />
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|