From 65b43cfa70902116524eafaeb99560214f613958 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Fri, 27 Mar 2026 23:01:08 +0100
Subject: [PATCH] make footer

---
 app/components/tvone-content.tsx | 94 +++++++++++++++++++++-----------
 1 file changed, 62 insertions(+), 32 deletions(-)

diff --git a/app/components/tvone-content.tsx b/app/components/tvone-content.tsx
index 6d7ad84..c170323 100644
--- a/app/components/tvone-content.tsx
+++ b/app/components/tvone-content.tsx
@@ -297,39 +297,69 @@ export function TvoneServiceStrip() {
 
 export function TvoneFooter() {
   return (
-    <footer className="border-t border-neutral-200 bg-white py-10">
-      <div className="mx-auto flex max-w-[1200px] flex-col gap-8 px-4 md:flex-row md:items-center md:justify-between">
-        <div>
-          <p className="text-lg font-bold tracking-tight text-neutral-900">PLATINALINE</p>
-          <p className="mt-1 text-sm text-neutral-500">© 2025 PlatinaLine. Todos os direitos reservados.</p>
+    <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>
+            </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>
-        <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">
-            Termos de Uso
-          </Link>
-          <Link href="#" className="hover:text-neutral-900">
-            Publicidade
-          </Link>
-          <Link href="#" className="hover:text-neutral-900">
-            Contactos
-          </Link>
-        </nav>
-        <div className="flex items-center gap-4 text-neutral-500">
-          <Link href="#" aria-label="Facebook" className="hover:text-neutral-800">
-            f
-          </Link>
-          <Link href="#" aria-label="Instagram" className="hover:text-neutral-800">
-            in
-          </Link>
-          <Link href="#" aria-label="YouTube" className="hover:text-neutral-800">
-            ▶
-          </Link>
-          <Link href="#" aria-label="X" className="hover:text-neutral-800">
-            𝕏
-          </Link>
+
+        <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">
+          <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">
+              Termos de Uso
+            </Link>
+            <Link href="#" className="hover:text-neutral-900">
+              Publicidade
+            </Link>
+            <Link href="#" className="hover:text-neutral-900">
+              Contactos
+            </Link>
+          </nav>
+          <div className="flex items-center gap-4 text-neutral-500 sm:ml-auto lg:ml-0">
+            <Link href="#" aria-label="Facebook" className="hover:text-neutral-800">
+              f
+            </Link>
+            <Link href="#" aria-label="Instagram" className="hover:text-neutral-800">
+              in
+            </Link>
+            <Link href="#" aria-label="YouTube" className="hover:text-neutral-800">
+              ▶
+            </Link>
+            <Link href="#" aria-label="X" className="hover:text-neutral-800">
+              𝕏
+            </Link>
+          </div>
         </div>
       </div>
     </footer>