diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 38d9f78..c6aef43 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -55,45 +55,44 @@ export default async function ProjectsPage() {
 
 				<div className="grid grid-cols-1 gap-8 mx-auto lg:grid-cols-2 ">
 					<Card>
-						<article className="relative h-full w-full p-4 md:p-8">
-							<div className="flex justify-between gap-2 items-center">
-								<div className="text-xs text-zinc-100">
-									{featured.date ? (
-										<time dateTime={new Date(featured.date).toISOString()}>
-											{Intl.DateTimeFormat(undefined, {
-												dateStyle: "medium",
-											}).format(new Date(featured.date))}
-										</time>
-									) : (
-										<span>SOON</span>
-									)}
+						<Link href={`/projects/${featured.slug}`}>
+							<article className="relative h-full w-full p-4 md:p-8">
+								<div className="flex justify-between gap-2 items-center">
+									<div className="text-xs text-zinc-100">
+										{featured.date ? (
+											<time dateTime={new Date(featured.date).toISOString()}>
+												{Intl.DateTimeFormat(undefined, {
+													dateStyle: "medium",
+												}).format(new Date(featured.date))}
+											</time>
+										) : (
+											<span>SOON</span>
+										)}
+									</div>
+									<span className="text-zinc-500 text-xs  flex items-center gap-1">
+										<Eye className="w-4 h-4" />{" "}
+										{Intl.NumberFormat("en-US", { notation: "compact" }).format(
+											views[featured.slug] ?? 0,
+										)}
+									</span>
 								</div>
-								<span className="text-zinc-500 text-xs  flex items-center gap-1">
-									<Eye className="w-4 h-4" />{" "}
-									{Intl.NumberFormat("en-US", { notation: "compact" }).format(
-										views[featured.slug] ?? 0,
-									)}
-								</span>
-							</div>
 
-							<h2
-								id="featured-post"
-								className="mt-4 text-3xl font-bold  text-zinc-100 group-hover:text-white sm:text-4xl font-display"
-							>
-								{featured.title}
-							</h2>
-							<p className="mt-4 leading-8 duration-150 text-zinc-400 group-hover:text-zinc-300">
-								{featured.description}
-							</p>
-							<div className="absolute bottom-4 md:bottom-8">
-								<Link
-									className="text-zinc-200 hover:text-zinc-50 hidden lg:block"
-									href={`/projects/${featured.slug}`}
+								<h2
+									id="featured-post"
+									className="mt-4 text-3xl font-bold  text-zinc-100 group-hover:text-white sm:text-4xl font-display"
 								>
-									Read more <span aria-hidden="true">&rarr;</span>
-								</Link>
-							</div>
-						</article>
+									{featured.title}
+								</h2>
+								<p className="mt-4 leading-8 duration-150 text-zinc-400 group-hover:text-zinc-300">
+									{featured.description}
+								</p>
+								<div className="absolute bottom-4 md:bottom-8">
+								<p className="text-zinc-200 hover:text-zinc-50 hidden lg:block">
+										Read more <span aria-hidden="true">&rarr;</span>
+									</p>
+								</div>
+							</article>
+						</Link>
 					</Card>
 
 					<div className="flex flex-col w-full gap-8  mx-auto border-t border-gray-900/10  lg:mx-0  lg:border-t-0 ">