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

make footer

Browse Source
This commit is contained in:
Peter Maquiran
2026-03-27 23:01:08 +01:00
parent 325ce303c1
commit 65b43cfa70
1 changed files with 62 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-content.tsx
+62 -32
View File
@@ -297,39 +297,69 @@ export function TvoneServiceStrip() {
export function TvoneFooter() { export function TvoneFooter() {
return ( return (
<footer className="border-t border-neutral-200 bg-white py-10"> <footer className="border-t border-neutral-200 bg-[#fafafa] py-12">
<div className="mx-auto flex max-w-[1200px] flex-col gap-8 px-4 md:flex-row md:items-center md:justify-between"> <div className="mx-auto max-w-[1200px] px-4">
<div> <div className="grid gap-10 md:grid-cols-[1fr_260px] md:gap-12 lg:grid-cols-[1fr_280px]">
<p className="text-lg font-bold tracking-tight text-neutral-900">PLATINALINE</p> <div className="space-y-4 text-sm leading-relaxed text-neutral-600">
<p className="mt-1 text-sm text-neutral-500">© 2025 PlatinaLine. Todos os direitos reservados.</p> <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>
</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>
</div>
</div> </div>
<nav className="flex flex-wrap gap-x-6 gap-y-2 text-sm text-neutral-600">
<Link href="#" className="hover:text-neutral-900"> <div className="mt-10 flex flex-col gap-6 border-t border-neutral-200 pt-8 sm:flex-row sm:items-center sm:justify-between">
Privacidade <p className="text-sm text-neutral-500">© {new Date().getFullYear()} TV ONE. Todos os direitos reservados.</p>
</Link> <nav className="flex flex-wrap gap-x-6 gap-y-2 text-sm text-neutral-600">
<Link href="#" className="hover:text-neutral-900"> <Link href="#" className="hover:text-neutral-900">
Termos de Uso Privacidade
</Link> </Link>
<Link href="#" className="hover:text-neutral-900"> <Link href="#" className="hover:text-neutral-900">
Publicidade Termos de Uso
</Link> </Link>
<Link href="#" className="hover:text-neutral-900"> <Link href="#" className="hover:text-neutral-900">
Contactos Publicidade
</Link> </Link>
</nav> <Link href="#" className="hover:text-neutral-900">
<div className="flex items-center gap-4 text-neutral-500"> Contactos
<Link href="#" aria-label="Facebook" className="hover:text-neutral-800"> </Link>
f </nav>
</Link> <div className="flex items-center gap-4 text-neutral-500 sm:ml-auto lg:ml-0">
<Link href="#" aria-label="Instagram" className="hover:text-neutral-800"> <Link href="#" aria-label="Facebook" className="hover:text-neutral-800">
in f
</Link> </Link>
<Link href="#" aria-label="YouTube" className="hover:text-neutral-800"> <Link href="#" aria-label="Instagram" className="hover:text-neutral-800">
▶ in
</Link> </Link>
<Link href="#" aria-label="X" className="hover:text-neutral-800"> <Link href="#" aria-label="YouTube" className="hover:text-neutral-800">
𝕏 ▶
</Link> </Link>
<Link href="#" aria-label="X" className="hover:text-neutral-800">
𝕏
</Link>
</div>
</div> </div>
</div> </div>
</footer> </footer>