add video

app/components/tvone-content.tsx

@@ -47,10 +47,11 @@ const footerSocialIconClass =
 
 const destaques = [
   {
-    cat: "FAMOSOS",
+    cat: "Musica",
     catColor: "text-pink-600",
     title: "Cerimónia reúne estrelas nacionais e internacionais em Lisboa.",
     date: "24 Mar 2025",
+    readTime: "24 Mar 2025",
     img: "https://images.unsplash.com/photo-1524504388940-b1c1722653e1?w=600&q=80",
   },
   {
@@ -58,6 +59,7 @@ const destaques = [
     catColor: "text-[#0066cc]",
     title: "Mercados reagem às novas projeções de crescimento para a região.",
     date: "24 Mar 2025",
+    readTime: "24 Mar 2025",
     img: "https://images.unsplash.com/photo-1518770660439-4636190af475?w=600&q=80",
   },
   {
@@ -65,13 +67,15 @@ const destaques = [
     catColor: "text-emerald-600",
     title: "Taça: equipa da casa garante lugar nas meias com exibição sólida.",
     date: "23 Mar 2025",
+    readTime: "24 Mar 2025",
     img: "https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=600&q=80",
   },
   {
-    cat: "FAMOSOS",
+    cat: "Musica",
     catColor: "text-emerald-600",
     title: "Taça: equipa da casa garante lugar nas meias com exibição sólida.",
     date: "23 Mar 2025",
+    readTime: "24 Mar 2025",
     img: "https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=600&q=80",
   },
 ];
@@ -139,10 +143,10 @@ const aSeguir = [
 
 export function TvoneDestaques() {
   return (
-    <section className="mx-auto w-full max-w-[1200px] px-4 pb-20">
+    <section className="mx-auto w-full max-w-[1200px] px-4 pb-10">
       <div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-6">
         <h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
-          Famosos
+          Destaques
         </h2>
         
         <Link 
@@ -182,22 +186,35 @@ export function TvoneDestaques() {
                 <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-80" />
 
                 {/* NEW INTERNAL LABEL */}
-                <div className="absolute bottom-3 left-3 z-10">
+                {item.cat != 'Musica' && (
-                  <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">
+                  <div className="absolute bottom-3 left-3 z-10">
-                    {item.cat}
+                    <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>
+                      {item.cat}
-                </div>
+                    </span>
+                  </div>
+                )}
+
+               
               </div>
 
               {/* TEXT CONTENT (Simplified) */}
-              {/* <div className="py-4">
+              <div className="mt-5 px-1">
-                <h3 className="line-clamp-2 text-[15px] font-bold leading-tight text-neutral-900 transition-colors group-hover:text-[#0066cc] md:text-[16px]">
+
+                {/* NEW INTERNAL LABEL */}
+                {item.cat == 'Musica' && (
+                  <div className="flex items-center gap-3">
+                    <span className="text-[10px] font-bold uppercase tracking-wider text-blue-600">{item.cat}</span>
+                    <span className="h-1 w-1 rounded-full bg-neutral-300" />
+                    <span className="text-[10px] font-semibold text-neutral-500 uppercase tracking-tight">{item.date}</span>
+                  </div>
+                )}
+                
+                <h3 className="mt-3 text-xl font-bold leading-snug text-neutral-900 group-hover:text-[#0066CC] transition-colors">
                   {item.title}
                 </h3>
-                <div className="mt-2 flex items-center gap-2">
+      
-                   <p className="text-[11px] font-medium text-neutral-400">{item.date}</p>
+              </div>
-                </div>
+              
-              </div> */}
             </Link>
           </article>
         ))}
@@ -213,7 +230,7 @@ export function TvoneMainColumns() {
       {/* SECTION HEADER UNIFICADO */}
       <div className="mb-10 flex items-end justify-between border-b border-neutral-100 pb-6">
         <h2 className="text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl">
-          Destaques
+          Notícias recentes
         </h2>
         
         <Link 
@@ -291,25 +308,27 @@ export function TvoneMainColumns() {
 
 export function TvoneAdBanner() {
   return (
-    <section className="mx-auto w-full max-w-[1200px] px-4 pb-20">
+    <section className="mx-auto w-full flex justify-center items-center  px-4 pt-10 pb-10">
-      <div className="relative overflow-hidden rounded-xl bg-gradient-to-r from-[#0a4d8c] via-[#1e6fb8] to-[#e85c2a] px-6 py-8 text-white md:flex md:items-center md:justify-between md:py-10">
+      <div className="max-w-[1200px]  w-full">
-        <div className="max-w-lg">
+        <div className="relative overflow-hidden rounded-xl bg-gradient-to-r from-[#0a4d8c] via-[#1e6fb8] to-[#e85c2a] px-6 py-8 text-white md:flex md:items-center md:justify-between md:py-10">
-          <p className="text-[11px] font-semibold uppercase tracking-widest text-white/90">BAI Directo</p>
+          <div className="max-w-lg">
-          <h2 className="mt-2 text-3xl font-bold leading-tight tracking-tight md:text-4xl">Actualização do BAI Directo</h2>
+            <p className="text-[11px] font-semibold uppercase tracking-widest text-white/90">BAI Directo</p>
-          <p className="mt-2 text-sm text-white/90">Faça as suas operações com mais rapidez e segurança em qualquer dispositivo.</p>
+            <h2 className="mt-2 text-3xl font-bold leading-tight tracking-tight md:text-4xl">Actualização do BAI Directo</h2>
+            <p className="mt-2 text-sm text-white/90">Faça as suas operações com mais rapidez e segurança em qualquer dispositivo.</p>
+          </div>
+          <div className="relative mt-6 h-32 w-full max-w-xs shrink-0 md:mt-0 md:h-36">
+            <Image
+              src="https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=400&q=80"
+              alt=""
+              fill
+              className="object-contain object-right"
+              sizes="320px"
+            />
+          </div>
+          <span className="absolute right-6 top-1/2 hidden -translate-y-1/2 text-2xl font-black tracking-tight opacity-90 md:block">
+            BAI
+          </span>
         </div>
-        <div className="relative mt-6 h-32 w-full max-w-xs shrink-0 md:mt-0 md:h-36">
-          <Image
-            src="https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=400&q=80"
-            alt=""
-            fill
-            className="object-contain object-right"
-            sizes="320px"
-          />
-        </div>
-        <span className="absolute right-6 top-1/2 hidden -translate-y-1/2 text-2xl font-black tracking-tight opacity-90 md:block">
-          BAI
-        </span>
       </div>
     </section>
   );

app/content/page.tsx

@@ -152,10 +152,37 @@ export default function NewsArticlePage() {
             </section>
           </article>
 
-          {/* --- SIDEBAR REFINADA --- */}
+          {/* --- SIDEBAR COM VÍDEO TV ONE --- */}
           <aside className="w-full lg:w-[340px] shrink-0">
             <div className="sticky top-10 space-y-10">
-              
+              {/* Card de Vídeo Workshop */}
+              <div className="rounded-[32px] bg-white p-4 shadow-[0_8px_40px_rgba(0,0,0,0.04)] border border-neutral-100">
+                <h3 className="text-[13px] font-black text-neutral-400 uppercase tracking-[0.1em] mb-4 pl-2">TV One em Destaque</h3>
+                
+                <div className="relative aspect-video w-full overflow-hidden rounded-[24px] bg-black shadow-inner border border-black/5">
+                  <iframe 
+                    className="absolute inset-0 h-full w-full"
+                    src="https://www.youtube.com/embed/bfEYtb2O3iI" 
+                    title="Workshop Acelere a Sua Empresa"
+                    frameBorder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
+                    allowFullScreen
+                  />
+                </div>
+                
+                <div className="mt-4 px-2 pb-1">
+                    <p className="text-[15px] font-bold text-black leading-tight">
+                        Workshop “Acelere a Sua Empresa” impulsiona o empreendedorismo em Angola
+                    </p>
+                    <div className="mt-2 flex items-center gap-2">
+                        <span className="h-1.5 w-1.5 rounded-full bg-red-500 animate-pulse" />
+                        <p className="text-[12px] text-neutral-400 font-medium uppercase tracking-wider">
+                            Destaque TV One
+                        </p>
+                    </div>
+                </div>
+              </div>
+
               {/* Card de Curtidas */}
               <div className="rounded-[32px] bg-white p-8 shadow-[0_8px_40px_rgba(0,0,0,0.04)] border border-neutral-100 text-center">
                 <h3 className="text-[13px] font-black text-neutral-400 uppercase tracking-[0.1em] mb-6">Feedback</h3>
@@ -174,11 +201,10 @@ export default function NewsArticlePage() {
                       <p className="mt-4 text-sm font-medium opacity-50 leading-relaxed">Simples e rápido. Faça o download na App Store.</p>
                     </div>
                  </div>
-                 {/* Gradiente de fundo sutil */}
                  <div className="absolute -bottom-20 -right-20 h-64 w-64 rounded-full bg-blue-600/30 blur-[80px] transition-opacity group-hover:opacity-50" />
               </div>
 
-              {/* Banner Unitel (Gradiente Vivo) */}
+              {/* Banner Unitel */}
               <div className="w-full rounded-[32px] bg-gradient-to-br from-[#FF6600] to-[#FF9900] p-9 text-white shadow-2xl shadow-orange-500/20 border border-white/10">
                 <h4 className="text-[24px] font-[900] leading-tight tracking-tight">Unitel NetCASA 5G</h4>
                 <p className="mt-3 text-[12px] font-black uppercase tracking-wider opacity-90">O futuro chegou ao Namibe!</p>

app/page.tsx

@@ -19,7 +19,9 @@ export default function Home() {
       <TvoneSiteNav />
       <TvoneHero />
       <TvoneDestaques />
-      <TvoneAdBanner />
+      <div className="bg-[#f5f5f7] mb-10">
+        <TvoneAdBanner />
+      </div>
       <TvoneMainColumns />
       <TvoneNegocios />
       <TvoneEscolhaEditor />
@@ -28,7 +30,9 @@ export default function Home() {
       <TvoneDestaquesCultura />
       <TvoneEntrevistas />
     
-      <TvoneAdBanner />
+      <div className=" mb-10">
+        <TvoneAdBanner />
+      </div>
       <TvoneFooter />
     </div>
   );