mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 15:27:52 +00:00
change footer
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user