From 5e818f18236916234c527f0b10c1bfde77f76fde Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Fri, 10 Apr 2026 20:46:42 +0100
Subject: [PATCH] add video

---
 app/content/page.tsx | 34 ++++++++++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/app/content/page.tsx b/app/content/page.tsx
index fef37c9..ae09531 100644
--- a/app/content/page.tsx
+++ b/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>