change footer

This commit is contained in:
2026-04-09 12:01:51 +01:00
parent b2ba56d09d
commit a4e74f9985
+52 -22
View File
@@ -136,9 +136,12 @@ const aSeguir = [
export function TvoneDestaques() { export function TvoneDestaques() {
return ( return (
<section className="mx-auto w-full max-w-[1200px] px-4 pb-10"> <section className="mx-auto w-full max-w-[1200px] px-4 pb-10">
<h2 className="mb-6 text-2xl font-bold tracking-tight text-neutral-900"> <div className="mb-10 flex items-end justify-between pb-6">
Destaques <h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
</h2> Famosos
</h2>
</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) => (
<article <article
@@ -160,11 +163,11 @@ export function TvoneDestaques() {
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-80" /> <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-80" />
{/* NEW INTERNAL LABEL */} {/* NEW INTERNAL LABEL */}
<div className="absolute bottom-3 left-3 z-10"> {/* <div className="absolute bottom-3 left-3 z-10">
<span className="rounded-lg bg-black/50 px-2 py-1 text-[10px] font-bold uppercase tracking-widest text-white backdrop-blur-md border border-white/10"> <span className="rounded-lg bg-black/50 px-2 py-1 text-[10px] font-bold uppercase tracking-widest text-white backdrop-blur-md border border-white/10">
{item.cat} {item.cat}
</span> </span>
</div> </div> */}
</div> </div>
{/* TEXT CONTENT (Simplified) */} {/* TEXT CONTENT (Simplified) */}
@@ -189,10 +192,25 @@ export function TvoneMainColumns() {
return ( return (
<section className="mx-auto w-full max-w-[1200px] px-4 pb-16"> <section className="mx-auto w-full max-w-[1200px] px-4 pb-16">
{/* SECTION HEADER */} {/* SECTION HEADER */}
<div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-5"> <div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-6">
<h2 className="text-3xl font-extrabold tracking-tight text-neutral-900">Notícias Recentes</h2> <h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
<Link href="#" className="text-sm font-bold text-blue-600 hover:opacity-70 transition"> Notícias Recentes
Ver Histórico </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> </Link>
</div> </div>
@@ -245,15 +263,6 @@ export function TvoneMainColumns() {
))} ))}
</div> </div>
{/* LOAD MORE - CLEAN iOS BUTTON */}
<div className="mt-16 flex justify-center">
<button className="flex items-center gap-3 rounded-2xl bg-neutral-100 px-12 py-4 text-sm font-bold text-neutral-900 transition hover:bg-neutral-200 active:scale-95">
Mais notícias recentes
<svg className="h-4 w-4 text-neutral-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} d="M19 9l-7 7-7-7" />
</svg>
</button>
</div>
</section> </section>
); );
} }
@@ -292,7 +301,16 @@ export function TvoneFooter() {
<div className="lg:col-span-5"> <div className="lg:col-span-5">
<p className="text-[12px] font-semibold leading-[1.33337] tracking-[0.01em] text-[#1d1d1f]">Sobre a TV ONE</p> <p className="text-[12px] font-semibold leading-[1.33337] tracking-[0.01em] text-[#1d1d1f]">Sobre a TV ONE</p>
<div className="mt-3 border-t border-[#d2d2d7] pt-3"> <div className="mt-3 border-t border-[#d2d2d7] pt-3">
<p className="mb-1 text-[21px] font-semibold leading-[1.14286] tracking-tight text-[#1d1d1f]">tvone</p>
<div className="relative h-7 w-7 sm:h-8 sm:w-8 md:h-10 md:w-10">
<Image
src="/logo.png" // put your image in /public
alt="tvone logo"
fill
className="rounded-full object-cover"
/>
</div>
</div> </div>
<div className="mt-4 space-y-3 text-[12px] leading-[1.33337] text-[#6e6e73]"> <div className="mt-4 space-y-3 text-[12px] leading-[1.33337] text-[#6e6e73]">
<p className="text-pretty"> <p className="text-pretty">
@@ -348,9 +366,21 @@ export function TvoneFooter() {
<div className="mt-8 border-t border-[#d2d2d7] pt-6"> <div className="mt-8 border-t border-[#d2d2d7] pt-6">
<div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"> <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<p className="text-[12px] leading-[1.33337] text-[#6e6e73]">
Copyright © {new Date().getFullYear()} TV ONE. Todos os direitos reservados. <div className="flex items-center gap-2 text-[12px] leading-[1.33337] text-[#6e6e73]">
</p> <span>
Copyright © {new Date().getFullYear()}
</span>
<img
src="/logo.png"
alt="tvone logo"
className="h-4 w-4 sm:h-5 sm:w-5 md:h-6 md:w-6 rounded-full object-cover"
/>
<span>Todos os direitos reservados.</span>
</div>
<p className="text-[12px] text-[#6e6e73]">Angola</p> <p className="text-[12px] text-[#6e6e73]">Angola</p>
</div> </div>
</div> </div>