peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 15:27: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
+18 -21
View File
@@ -166,48 +166,45 @@ export function TvoneDestaques() {
</Link> </Link>
</div> </div>
<div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4"> <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
{destaques.map((item) => ( {destaques.map((item, index) => (
<article <article
key={item.title} key={item.title}
className="group cursor-pointer bg-white transition" className="group cursor-pointer bg-white transition"
>
<article
key={index}
className="group cursor-pointer bg-white transition"
> >
<Link href="#" className="block"> <Link href="#" className="block">
{/* IMAGE CONTAINER */} <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">
<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">
<Image <Image
src={item.img} src={item.img}
alt="" alt=""
fill 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" 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> </div>
{/* TEXT CONTENT (Simplified) */} <div className="py-4">
<div className="mt-5 px-1"> <div className="flex items-center gap-3 pb-2">
<span className="text-[10px] font-bold uppercase tracking-wider text-blue-600">
{item.cat}
<div className="flex items-center gap-3"> </span>
<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="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> </div>
<h3 className="line-clamp-4 text-base font-bold leading-snug text-neutral-900 transition-colors group-hover:text-blue-600">
<h3 className="line-clamp-3 text-base font-bold leading-snug text-neutral-900 transition-colors group-hover:text-blue-600">
{item.title} {item.title}
</h3> </h3>
</div> </div>
</Link> </Link>
</article> </article>
</article>
))} ))}
</div> </div>
</section> </section>