peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 07:17:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Peter Maquiran
2026-04-11 03:15:00 +01:00
parent f8f2c3cbbf
commit 104207d909
1 changed files with 19 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-content.tsx
+19 -22
View File
@@ -166,48 +166,45 @@ export function TvoneDestaques() {
</Link>
</div>
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
{destaques.map((item) => (
{destaques.map((item, index) => (
<article
key={item.title}
className="group cursor-pointer bg-white transition"
>
<article
key={index}
className="group cursor-pointer bg-white transition"
>
<Link href="#" className="block">
{/* IMAGE CONTAINER */}
<div className="relative aspect-[16/9] w-full overflow-hidden rounded-2xl bg-neutral-900 shadow-sm transition-all duration-300 group-hover:shadow-xl group-hover:shadow-neutral-200">
<div className="relative aspect-[16/9] w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-sm transition-all duration-300 group-hover:shadow-xl group-hover:shadow-neutral-200">
<Image
src={item.img}
alt=""
fill
className="object-cover transition duration-500 group-hover:scale-110"
className="object-cover transition duration-500 group-hover:scale-105"
sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 25vw"
/>
{/* GRADIENT OVERLAY (For readability) */}
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-80" />
</div>
{/* TEXT CONTENT (Simplified) */}
<div className="mt-5 px-1">
<div className="flex items-center gap-3">
<span className="text-[10px] font-bold uppercase tracking-wider text-blue-600">{item.cat}</span>
<div className="py-4">
<div className="flex items-center gap-3 pb-2">
<span className="text-[10px] font-bold uppercase tracking-wider text-blue-600">
{item.cat}
</span>
<span className="h-1 w-1 rounded-2xl bg-neutral-300" />
<span className="text-[10px] font-semibold text-neutral-500 uppercase tracking-tight">{item.date}</span>
{/* Data de Publicação em destaque suave */}
<span className="text-[10px] font-semibold text-neutral-500 uppercase tracking-tight">
{item.date}
</span>
</div>
<h3 className="line-clamp-3 text-base font-bold leading-snug text-neutral-900 transition-colors group-hover:text-blue-600">
<h3 className="line-clamp-4 text-base font-bold leading-snug text-neutral-900 transition-colors group-hover:text-blue-600">
{item.title}
</h3>
</div>
</Link>
</article>
</article>
))}
</div>
</section>