mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 15:27:52 +00:00
change card
This commit is contained in:
+21
-18
@@ -105,12 +105,27 @@ const destaques = [
|
||||
export function TvoneDestaquesCultura() {
|
||||
return (
|
||||
<section className="mx-auto w-full max-w-[1200px] px-4 pb-16">
|
||||
<div className="mb-8 flex items-end justify-between">
|
||||
<h2 className="text-3xl font-bold tracking-tight text-neutral-900">Cultura</h2>
|
||||
{/* Optional secondary link style for iOS */}
|
||||
<Link href="/cultura" className="hidden text-sm font-medium text-blue-600 hover:underline md:block">
|
||||
Explorar tudo
|
||||
</Link>
|
||||
{/* Cabeçalho Minimalista com Link Azul */}
|
||||
<div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-6">
|
||||
<h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
|
||||
Cultura
|
||||
</h2>
|
||||
|
||||
<Link
|
||||
href="/negocios"
|
||||
className="group flex items-center gap-1 text-sm font-semibold text-[#0066CC] transition-colors hover:text-[#004499]"
|
||||
>
|
||||
Ver tudo
|
||||
<svg
|
||||
className="h-4 w-4 transition-transform group-hover:translate-x-0.5"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke="currentColor"
|
||||
strokeWidth={2.5}
|
||||
>
|
||||
<path strokeLinecap="round" strokeLinejoin="round" d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
|
||||
@@ -149,18 +164,6 @@ export function TvoneDestaquesCultura() {
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* iOS STYLE "SEE MORE" BUTTON */}
|
||||
<div className="mt-10 flex justify-center">
|
||||
<Link
|
||||
href="/cultura"
|
||||
className="inline-flex items-center justify-center rounded-full bg-neutral-100 px-8 py-3 text-sm font-semibold text-neutral-900 transition-all hover:bg-neutral-200 active:scale-95"
|
||||
>
|
||||
Ver mais notícias de Cultura
|
||||
<svg className="ml-2 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user