Link explore hero title to its title detail page

Wraps the hero banner h2 in a Link with a subtle primary color
hover transition, matching the app's warm-accent interaction pattern.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-03 19:40:19 -05:00
co-authored by Claude Opus 4.6
parent 2c561a2bf4
commit 724893196e
3 changed files with 24 additions and 16 deletions
@@ -33,11 +33,7 @@ export function ContinueWatchingList({
items: ContinueWatchingItemProps[];
}) {
return (
<motion.div
variants={staggerContainer}
initial="hidden"
animate="visible"
>
<motion.div variants={staggerContainer} initial="hidden" animate="visible">
<Carousel
opts={{ align: "start", dragFree: true, containScroll: "trimSnaps" }}
plugins={[WheelGesturesPlugin({ forceWheelAxis: "x" })]}
+5 -3
View File
@@ -76,9 +76,11 @@ export function HeroBanner({
Trending today
</span>
</div>
<h2 className="font-display text-3xl tracking-tight sm:text-4xl">
{title}
</h2>
<Link href={href} className="group/title">
<h2 className="font-display text-3xl tracking-tight sm:text-4xl transition-colors group-hover/title:text-primary">
{title}
</h2>
</Link>
<p className="mt-2 line-clamp-2 max-w-2xl text-sm text-muted-foreground">
{overview}
</p>