mirror of
https://github.com/PeterMaquiran/tvone.git
synced 2026-04-18 07:17:52 +00:00
@@ -41,8 +41,9 @@ function IconX({ className }: { className?: string }) {
|
||||
);
|
||||
}
|
||||
|
||||
const socialLinkClass =
|
||||
"flex h-10 w-10 items-center justify-center rounded-full border border-neutral-200 bg-white text-neutral-600 shadow-sm transition hover:border-[color:var(--tvone-nav-sub,#2f8bc4)] hover:text-[color:var(--tvone-nav-sub,#2f8bc4)] hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--tvone-nav-sub,#2f8bc4)]";
|
||||
/** Apple-style footer social: flat icon, no pill border */
|
||||
const footerSocialIconClass =
|
||||
"text-[#6e6e73] transition-colors hover:text-[#1d1d1f] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#0071e3]";
|
||||
|
||||
const destaques = [
|
||||
{
|
||||
@@ -286,65 +287,81 @@ export function TvoneAdBanner() {
|
||||
|
||||
export function TvoneFooter() {
|
||||
return (
|
||||
<footer className="border-t border-neutral-200 bg-[#fafafa] py-12">
|
||||
<div className="mx-auto max-w-[1200px] px-4">
|
||||
<div className="grid gap-10 md:grid-cols-[1fr_260px] md:gap-12 lg:grid-cols-[1fr_280px]">
|
||||
<div className="space-y-4 text-sm leading-relaxed text-neutral-600">
|
||||
<p className="text-pretty">
|
||||
A TV ONE é um portal angolano dedicado à informação e ao entretenimento, com a missão de informar,
|
||||
educar e envolver o público angolano e todos os interessados nos mais variados temas da atualidade.
|
||||
</p>
|
||||
<p className="text-pretty">
|
||||
Com uma abordagem dinâmica e atual, a TV ONE oferece conteúdos diversificados que abrangem áreas
|
||||
como cultura, turismo, moda, celebridades, entretenimento, atualidade, lifestyle, conteúdos virais e
|
||||
desporto, proporcionando uma experiência completa e envolvente para os seus leitores e espectadores.
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex flex-col gap-4 text-sm md:border-l md:border-neutral-200 md:pl-8">
|
||||
<div>
|
||||
<p className="text-xs font-semibold uppercase tracking-wide text-neutral-500">Email</p>
|
||||
<a
|
||||
href="mailto:tvone.geral@gmail.com"
|
||||
className="mt-1 block font-medium text-[color:var(--tvone-nav-sub,#2f8bc4)] hover:underline"
|
||||
>
|
||||
tvone.geral@gmail.com
|
||||
</a>
|
||||
<footer className="bg-[#f5f5f7] text-[#1d1d1f]">
|
||||
<div className="mx-auto max-w-[980px] px-4 pb-6 pt-10 sm:px-6 md:pb-8 md:pt-12">
|
||||
<div className="grid gap-10 sm:grid-cols-2 lg:grid-cols-12 lg:gap-8">
|
||||
<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>
|
||||
<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>
|
||||
<p className="text-[12px] leading-[1.33337] text-[#6e6e73]">
|
||||
Informação e entretenimento para Angola e para quem acompanha a atualidade.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-xs font-semibold uppercase tracking-wide text-neutral-500">Call Center</p>
|
||||
<a href="tel:+244934292121" className="mt-1 block font-medium text-neutral-900 hover:underline">
|
||||
934 292 121
|
||||
</a>
|
||||
<div className="mt-4 space-y-3 text-[12px] leading-[1.33337] text-[#6e6e73]">
|
||||
<p className="text-pretty">
|
||||
A TV ONE é um portal angolano dedicado à informação e ao entretenimento, com a missão de informar,
|
||||
educar e envolver o público angolano e todos os interessados nos mais variados temas da atualidade.
|
||||
</p>
|
||||
<p className="text-pretty">
|
||||
Com uma abordagem dinâmica e atual, a TV ONE oferece conteúdos diversificados que abrangem áreas como
|
||||
cultura, turismo, moda, celebridades, entretenimento, atualidade, lifestyle, conteúdos virais e
|
||||
desporto, proporcionando uma experiência completa e envolvente para os seus leitores e espectadores.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="lg:col-span-3 lg:border-[#d2d2d7] lg:pl-8">
|
||||
<p className="text-[12px] font-semibold leading-[1.33337] tracking-[0.01em] text-[#1d1d1f]">Contactos</p>
|
||||
<ul className="mt-3 space-y-3 border-t border-[#d2d2d7] pt-3 text-[12px]">
|
||||
<li>
|
||||
<span className="block text-[11px] font-normal text-[#6e6e73]">Email</span>
|
||||
<a
|
||||
href="mailto:tvone.geral@gmail.com"
|
||||
className="mt-0.5 inline-block text-[12px] text-[#06c] hover:underline"
|
||||
>
|
||||
tvone.geral@gmail.com
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span className="block text-[11px] font-normal text-[#6e6e73]">Call Center</span>
|
||||
<a href="tel:+244934292121" className="mt-0.5 inline-block text-[12px] text-[#06c] hover:underline">
|
||||
934 292 121
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="lg:col-span-4 lg:pl-8">
|
||||
<p className="text-[12px] font-semibold leading-[1.33337] tracking-[0.01em] text-[#1d1d1f]">
|
||||
Redes sociais
|
||||
</p>
|
||||
<div className="mt-3 flex flex-wrap items-center gap-x-1 gap-y-1 border-t border-[#d2d2d7] pt-4">
|
||||
<Link href="#" aria-label="Facebook" className={`${footerSocialIconClass} rounded p-2`}>
|
||||
<IconFacebook className="h-[22px] w-[22px]" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="Instagram" className={`${footerSocialIconClass} rounded p-2`}>
|
||||
<IconInstagram className="h-[22px] w-[22px]" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="LinkedIn" className={`${footerSocialIconClass} rounded p-2`}>
|
||||
<IconLinkedIn className="h-[22px] w-[22px]" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="YouTube" className={`${footerSocialIconClass} rounded p-2`}>
|
||||
<IconYouTube className="h-[22px] w-[22px]" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="X (Twitter)" className={`${footerSocialIconClass} rounded p-2`}>
|
||||
<IconX className="h-5 w-5" />
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="mt-10 flex flex-col gap-4 border-t border-neutral-200 pt-8 sm:flex-row sm:items-center sm:justify-between">
|
||||
<p className="text-sm text-neutral-500">© {new Date().getFullYear()} TV ONE. Todos os direitos reservados.</p>
|
||||
<nav className="flex flex-wrap gap-x-6 gap-y-2 text-sm text-neutral-600">
|
||||
<Link href="#" className="hover:text-neutral-900">
|
||||
Privacidade
|
||||
</Link>
|
||||
<Link href="#" className="hover:text-neutral-900">
|
||||
Contactos
|
||||
</Link>
|
||||
</nav>
|
||||
<div className="flex flex-wrap items-center gap-2 sm:ml-auto lg:ml-0">
|
||||
<Link href="#" aria-label="Facebook" className={socialLinkClass}>
|
||||
<IconFacebook className="h-5 w-5" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="Instagram" className={socialLinkClass}>
|
||||
<IconInstagram className="h-5 w-5" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="LinkedIn" className={socialLinkClass}>
|
||||
<IconLinkedIn className="h-5 w-5" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="YouTube" className={socialLinkClass}>
|
||||
<IconYouTube className="h-5 w-5" />
|
||||
</Link>
|
||||
<Link href="#" aria-label="X (Twitter)" className={socialLinkClass}>
|
||||
<IconX className="h-[18px] w-[18px]" />
|
||||
</Link>
|
||||
<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">
|
||||
<p className="text-[12px] leading-[1.33337] text-[#6e6e73]">
|
||||
Copyright © {new Date().getFullYear()} TV ONE. Todos os direitos reservados.
|
||||
</p>
|
||||
<p className="text-[12px] text-[#6e6e73]">Angola</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user