peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 07:17:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

add video
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Peter Maquiran
2026-04-10 20:46:42 +01:00
parent ab3bf9e2bd
commit 5e818f1823
1 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/content/page.tsx
+30 -4
View File
@@ -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>