From 891a5d8299b36f6112a784ff212d6c42f08839ef Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Sat, 11 Apr 2026 00:21:57 +0100
Subject: [PATCH] fix border

---
 app/components/cultura.tsx                  |  4 +--
 app/components/tvone-content.tsx            | 12 +++----
 app/components/tvone-hero.tsx               |  8 ++---
 app/components/tvone-publication-banner.tsx |  2 +-
 app/components/tvone-site-nav.tsx           |  2 +-
 app/components/video-galary.tsx             | 14 ++++----
 app/content/page.tsx                        | 36 ++++++++++-----------
 7 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/app/components/cultura.tsx b/app/components/cultura.tsx
index 23007eb..6a88714 100644
--- a/app/components/cultura.tsx
+++ b/app/components/cultura.tsx
@@ -56,7 +56,7 @@ const destaques = [
                   
 //                   {/* OVERLAY: REPLAY STYLE (iOS/EURO) */}
 //                   <div className="absolute inset-0 flex flex-col items-center justify-center bg-black/20 opacity-0 transition-opacity duration-300 group-hover:opacity-100">
-//                     <div className="flex h-12 w-12 items-center justify-center rounded-full bg-white/20 backdrop-blur-md border border-white/30">
+//                     <div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-white/20 backdrop-blur-md border border-white/30">
 //                       <svg className="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 //                         <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
 //                       </svg>
@@ -88,7 +88,7 @@ const destaques = [
 //           <div className="mt-10 flex justify-center">
 //           <Link 
 //               href="/cultura" 
-//               className="inline-flex items-center justify-center rounded-full bg-neutral-100 px-8 py-3 text-sm font-semibold text-neutral-900 transition-all hover:bg-neutral-200 active:scale-95"
+//               className="inline-flex items-center justify-center rounded-2xl bg-neutral-100 px-8 py-3 text-sm font-semibold text-neutral-900 transition-all hover:bg-neutral-200 active:scale-95"
 //           >
 //               Ver mais notícias de Cultura
 //               <svg className="ml-2 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
diff --git a/app/components/tvone-content.tsx b/app/components/tvone-content.tsx
index 6667f04..b5975aa 100644
--- a/app/components/tvone-content.tsx
+++ b/app/components/tvone-content.tsx
@@ -204,7 +204,7 @@ export function TvoneDestaques() {
                 {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="h-1 w-1 rounded-2xl bg-neutral-300" />
                     <span className="text-[10px] font-semibold text-neutral-500 uppercase tracking-tight">{item.date}</span>
                   </div>
                 )}
@@ -274,11 +274,11 @@ export function TvoneMainColumns() {
                   <span className="text-[10px] font-bold uppercase tracking-wider text-[#0066CC]">
                     {item.cat}
                   </span>
-                  <span className="h-1 w-1 rounded-full bg-neutral-300" />
+                  <span className="h-1 w-1 rounded-2xl bg-neutral-300" />
                   <span className="text-[10px] font-semibold text-neutral-400 uppercase tracking-tight">
                     {item.date}
                   </span>
-                  <span className="h-1 w-1 rounded-full bg-neutral-300" />
+                  <span className="h-1 w-1 rounded-2xl bg-neutral-300" />
                   <span className="text-[10px] font-bold uppercase text-neutral-400">
                     {item.readTime} min
                 </span>
@@ -310,7 +310,7 @@ export function TvoneAdBanner() {
   return (
     <section className="mx-auto w-full flex justify-center items-center  px-4 pt-10 pb-10">
       <div className="max-w-[1200px]  w-full">
-        <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="relative overflow-hidden rounded-2xl 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-lg">
             <p className="text-[11px] font-semibold uppercase tracking-widest text-white/90">BAI Directo</p>
             <h2 className="mt-2 text-3xl font-bold leading-tight tracking-tight md:text-4xl">Actualização do BAI Directo</h2>
@@ -348,7 +348,7 @@ export function TvoneFooter() {
                 src="/logo.png" // put your image in /public
                 alt="tvone logo"
                 fill
-                className="rounded-full object-cover"
+                className="rounded-2xl object-cover"
               />
             </div>
               
@@ -413,7 +413,7 @@ export function TvoneFooter() {
               <img
                 src="/logo.png"
                 alt="tvone logo"
-                className="h-4 w-4 sm:h-5 sm:w-5 md:h-6 md:w-6 rounded-full object-cover"
+                className="h-4 w-4 sm:h-5 sm:w-5 md:h-6 md:w-6 rounded-2xl object-cover"
               />
 
               <span>Todos os direitos reservados.</span>
diff --git a/app/components/tvone-hero.tsx b/app/components/tvone-hero.tsx
index 7559439..0ed5892 100644
--- a/app/components/tvone-hero.tsx
+++ b/app/components/tvone-hero.tsx
@@ -37,13 +37,13 @@ export function TvoneHero() {
 
   return (
     <section className="mx-auto w-full max-w-[1200px] px-4 py-6 pb-20 pt-12">
-      <div className="relative overflow-hidden  shadow-[0_12px_40px_rgba(0,0,0,0.12)] rounded-[24px] ">
-        <div className="relative aspect-[21/9] min-h-[280px] w-full md:aspect-[2.4/1] rounded-xl">
+      <div className="relative overflow-hidden  shadow-[0_12px_40px_rgba(0,0,0,0.12)] rounded-2xl ">
+        <div className="relative aspect-[21/9] min-h-[280px] w-full md:aspect-[2.4/1] rounded-2xl">
           <Image
             src={slide.image}
             alt=""
             fill
-            className="object-cover rounded-xl"
+            className="object-cover rounded-2xl"
             sizes="(max-width: 1200px) 100vw, 1200px"
             priority
           />
@@ -64,7 +64,7 @@ export function TvoneHero() {
               key={s.id}
               type="button"
               onClick={() => setActive(i)}
-              className={`h-2 w-2 rounded-full transition ${i === active ? "bg-white" : "bg-white/45 hover:bg-white/70"}`}
+              className={`h-2 w-2 rounded-2xl transition ${i === active ? "bg-white" : "bg-white/45 hover:bg-white/70"}`}
               aria-label={`Slide ${i + 1}`}
               aria-current={i === active}
             />
diff --git a/app/components/tvone-publication-banner.tsx b/app/components/tvone-publication-banner.tsx
index 290a730..4a65d06 100644
--- a/app/components/tvone-publication-banner.tsx
+++ b/app/components/tvone-publication-banner.tsx
@@ -38,7 +38,7 @@ export function TvonePublicationBanner({
         <p className="text-sm font-semibold text-neutral-800">{title}</p>
         <p className="mt-0.5 max-w-xl text-xs text-neutral-600 md:text-sm">{subtitle}</p>
       </div>
-      <span className="mt-2 shrink-0 rounded-full border border-neutral-300 bg-white px-3 py-1 text-[11px] font-medium text-neutral-700 md:mt-0">
+      <span className="mt-2 shrink-0 rounded-2xl border border-neutral-300 bg-white px-3 py-1 text-[11px] font-medium text-neutral-700 md:mt-0">
         Espaço disponível
       </span>
     </div>
diff --git a/app/components/tvone-site-nav.tsx b/app/components/tvone-site-nav.tsx
index 3513d9f..a3be485 100644
--- a/app/components/tvone-site-nav.tsx
+++ b/app/components/tvone-site-nav.tsx
@@ -144,7 +144,7 @@ export function TvoneSiteNav() {
                 src="/logo1.png" // put your image in /public
                 alt="tvone logo"
                 fill
-                className="rounded-full object-cover"
+                className="rounded-2xl object-cover"
               />
             </div>
             </Link>
diff --git a/app/components/video-galary.tsx b/app/components/video-galary.tsx
index 6062f8e..0e50a50 100644
--- a/app/components/video-galary.tsx
+++ b/app/components/video-galary.tsx
@@ -111,7 +111,7 @@ export function TvoneMainColumns1() {
             {/* SECTION: PREMIUM VIDEO GALLERY (Euronews + iOS Style) */}
             <section className="grid w-full gap-6 lg:grid-cols-[1fr_340px]">
             {/* Main Player Area */}
-            <div className="group relative aspect-video overflow-hidden rounded-[24px] bg-black shadow-2xl">
+            <div className="group relative aspect-video overflow-hidden rounded-2xl bg-black shadow-2xl">
                 <Image 
                 src="https://images.unsplash.com/photo-1504711434969-e33886168f5c?q=80&w=1200&auto=format&fit=crop" 
                 alt="Main Video" 
@@ -134,11 +134,11 @@ export function TvoneMainColumns1() {
             </div>
 
             {/* Right Playlist: "Vídeos a Seguir" */}
-            <aside className="flex flex-col rounded-[24px] border border-neutral-200 bg-[#f5f5f7]/50 p-4 backdrop-blur-sm">
+            <aside className="flex flex-col rounded-2xl border border-neutral-200 bg-[#f5f5f7]/50 p-4 backdrop-blur-sm">
                 <h3 className="mb-4 px-2 text-xs font-bold uppercase tracking-widest text-neutral-500">Vídeos a Seguir</h3>
                 <div className="flex flex-col gap-3 overflow-y-auto lg:max-h-[380px]">
                 {recentes.slice(0, 6).map((item) => (
-                    <button key={item.title} className="group flex gap-3 rounded-xl p-2 transition hover:bg-white hover:shadow-sm">
+                    <button key={item.title} className="group flex gap-3 rounded-2xl p-2 transition hover:bg-white hover:shadow-sm">
                     <div className="relative aspect-video w-24 shrink-0 overflow-hidden rounded-lg bg-neutral-200">
                         <Image src={item.img} alt="" fill className="object-cover" />
                         <div className="absolute bottom-1 right-1 rounded bg-black/60 px-1 text-[9px] text-white">3:15</div>
@@ -357,7 +357,7 @@ export function TvoneNegocios() {
       <div className="grid gap-10 lg:grid-cols-3">
         {negocios.map((item, index) => (
           <article key={index} className="group flex flex-col gap-5">
-            <div className="relative aspect-video overflow-hidden rounded-[24px] bg-neutral-100 shadow-sm transition-all duration-500 group-hover:shadow-md">
+            <div className="relative aspect-video overflow-hidden rounded-2xl bg-neutral-100 shadow-sm transition-all duration-500 group-hover:shadow-md">
               <Image
                 src={item.img}
                 alt=""
@@ -371,7 +371,7 @@ export function TvoneNegocios() {
                 <span className="text-[10px] font-bold uppercase tracking-wider text-blue-600">
                   {item.category}
                 </span>
-                <span className="h-1 w-1 rounded-full bg-neutral-300" />
+                <span className="h-1 w-1 rounded-2xl bg-neutral-300" />
                 {/* Data de Publicação em destaque suave */}
                 <span className="text-[10px] font-semibold text-neutral-500 uppercase tracking-tight">
                   {item.publishDate}
@@ -438,7 +438,7 @@ export function TvoneEscolhaEditor() {
               ${index >= 3 ? 'hidden md:flex' : 'flex'}`}
           >
             <Link href="#" className="block">
-              <div className="relative aspect-video overflow-hidden rounded-[24px] bg-neutral-100 shadow-sm transition-all duration-500 group-hover:shadow-xl">
+              <div className="relative aspect-video overflow-hidden rounded-2xl bg-neutral-100 shadow-sm transition-all duration-500 group-hover:shadow-xl">
                 <Image
                   src={item.img}
                   alt={item.title}
@@ -450,7 +450,7 @@ export function TvoneEscolhaEditor() {
               <div className="mt-5 px-1">
                 <div className="flex items-center gap-3">
                   <span className="text-[10px] font-bold uppercase tracking-wider text-blue-600">{item.category}</span>
-                  <span className="h-1 w-1 rounded-full bg-neutral-300" />
+                  <span className="h-1 w-1 rounded-2xl bg-neutral-300" />
                   <span className="text-[10px] font-semibold text-neutral-500 uppercase tracking-tight">{item.publishDate}</span>
                 </div>
                 
diff --git a/app/content/page.tsx b/app/content/page.tsx
index ca32c38..0a3c735 100644
--- a/app/content/page.tsx
+++ b/app/content/page.tsx
@@ -33,7 +33,7 @@ export default function NewsArticlePage() {
 
             
             {/* Hero Image (Bordas Apple 32px) */}
-            <div className="relative mt-10 aspect-video w-full overflow-hidden rounded-[32px] bg-neutral-100 shadow-sm border border-black/5">
+            <div className="relative mt-10 aspect-video w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-sm border border-black/5">
               <Image
                 src="https://images.unsplash.com/photo-1543900694-133f37abaaa5"
                 alt="Adele Live 2016"
@@ -99,10 +99,10 @@ export default function NewsArticlePage() {
 
               {/* Galeria Grid */}
               <div className="grid grid-cols-2 gap-6 mt-12">
-                <div className="relative aspect-square overflow-hidden rounded-[28px] bg-neutral-100 border border-black/5">
+                <div className="relative aspect-square overflow-hidden rounded-2xl bg-neutral-100 border border-black/5">
                    <Image unoptimized src="https://images.unsplash.com/photo-1493225255756-d9584f8606e9" fill className="object-cover" alt="Concerto Adele 1" />
                 </div>
-                <div className="relative aspect-square overflow-hidden rounded-[28px] bg-neutral-100 border border-black/5">
+                <div className="relative aspect-square overflow-hidden rounded-2xl bg-neutral-100 border border-black/5">
                    <Image unoptimized src="https://images.unsplash.com/photo-1470225620780-dba8ba36b745" fill className="object-cover" alt="Concerto Adele 2" />
                 </div>
               </div>
@@ -111,7 +111,7 @@ export default function NewsArticlePage() {
             {/* Autor e Meta Info */}
             <div className="mt-4 flex items-center justify-between  pt-8">
               <div className="flex items-center gap-4">
-                <div className="relative h-12 w-12 overflow-hidden rounded-full bg-blue-50 border border-blue-100 flex items-center justify-center">
+                <div className="relative h-12 w-12 overflow-hidden rounded-2xl bg-blue-50 border border-blue-100 flex items-center justify-center">
                   <span className="text-[#0066CC] font-bold text-lg">R</span>
                 </div>
                 <div>
@@ -122,13 +122,13 @@ export default function NewsArticlePage() {
 
               {/* Share Buttons (Estilo Clean Apple) */}
               {/* <div className="flex items-center gap-2.5">
-                <button className="flex h-10 w-10 items-center justify-center rounded-full bg-neutral-50 text-neutral-500 transition-all hover:bg-[#25D366] hover:text-white hover:scale-110 active:scale-95">
+                <button className="flex h-10 w-10 items-center justify-center rounded-2xl bg-neutral-50 text-neutral-500 transition-all hover:bg-[#25D366] hover:text-white hover:scale-110 active:scale-95">
                   <FaWhatsapp size={20} />
                 </button>
-                <button className="flex h-10 w-10 items-center justify-center rounded-full bg-neutral-50 text-neutral-500 transition-all hover:bg-[#1877F2] hover:text-white hover:scale-110 active:scale-95">
+                <button className="flex h-10 w-10 items-center justify-center rounded-2xl bg-neutral-50 text-neutral-500 transition-all hover:bg-[#1877F2] hover:text-white hover:scale-110 active:scale-95">
                   <FaFacebookF size={18} />
                 </button>
-                <button className="flex h-10 w-10 items-center justify-center rounded-full bg-neutral-50 text-neutral-500 border border-neutral-200 transition-all hover:bg-black hover:text-white hover:scale-110 active:scale-95">
+                <button className="flex h-10 w-10 items-center justify-center rounded-2xl bg-neutral-50 text-neutral-500 border border-neutral-200 transition-all hover:bg-black hover:text-white hover:scale-110 active:scale-95">
                   <FaInstagram size={20} />
                 </button>
               </div> */}
@@ -140,14 +140,14 @@ export default function NewsArticlePage() {
                <h3 className="text-2xl font-[900] mb-8 flex items-center gap-3 tracking-tight">
                  <MessageCircle size={28} className="text-[#0066CC]"/> Comentários
                </h3>
-               <div className="rounded-[32px] bg-neutral-50 p-8 border border-neutral-100 transition-all focus-within:border-[#0066CC]/30 focus-within:bg-white focus-within:shadow-xl focus-within:shadow-blue-500/5">
+               <div className="rounded-2xl bg-neutral-50 p-8 border border-neutral-100 transition-all focus-within:border-[#0066CC]/30 focus-within:bg-white focus-within:shadow-xl focus-within:shadow-blue-500/5">
                  <textarea 
                    className="w-full bg-transparent outline-none text-lg placeholder:text-neutral-400" 
                    placeholder="Partilhe a sua opinião..." 
                    rows={4} 
                  />
                  <div className="mt-4 flex justify-end">
-                   <button className="flex items-center gap-2 rounded-full bg-[#0066CC] px-10 py-3 font-bold text-white transition-all hover:opacity-90 active:scale-95 shadow-lg shadow-blue-500/20">
+                   <button className="flex items-center gap-2 rounded-2xl bg-[#0066CC] px-10 py-3 font-bold text-white transition-all hover:opacity-90 active:scale-95 shadow-lg shadow-blue-500/20">
                     Enviar <Send size={18}/>
                    </button>
                  </div>
@@ -160,10 +160,10 @@ export default function NewsArticlePage() {
             <div className="sticky top-10 space-y-10">
               
               {/* 1. CARD DE VÍDEO TV ONE COM PLAY CUSTOMIZADO */}
-              <div className="rounded-[32px] bg-white p-4 shadow-[0_8px_40px_rgba(0,0,0,0.04)] border border-neutral-100">
+              <div className="rounded-2xl 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 group">
+                <div className="relative aspect-video w-full overflow-hidden rounded-2xl bg-black shadow-inner border border-black/5 group">
                   {!isPlaying ? (
                     <div className="absolute inset-0 z-10 cursor-pointer" onClick={() => setIsPlaying(true)}>
                       <Image 
@@ -198,11 +198,11 @@ export default function NewsArticlePage() {
                     Workshop “Acelere a Sua Empresa” impulsiona o empreendedorismo em Angola
                   </p>
                   <div className="mt-4 flex flex-col gap-3">
-                    <a href="https://www.youtube.com/watch?v=bfEYtb2O3iI" target="_blank" className="flex w-full items-center justify-center gap-2 rounded-xl bg-[#f5f5f7] py-3 text-[14px] font-bold text-[#0066CC] transition-all hover:bg-[#e8e8ed] active:scale-95">
+                    <a href="https://www.youtube.com/watch?v=bfEYtb2O3iI" target="_blank" className="flex w-full items-center justify-center gap-2 rounded-2xl bg-[#f5f5f7] py-3 text-[14px] font-bold text-[#0066CC] transition-all hover:bg-[#e8e8ed] active:scale-95">
                       Assistir no YouTube
                     </a>
                     <div className="flex items-center gap-2">
-                      <span className="h-1.5 w-1.5 rounded-full bg-red-500 animate-pulse" />
+                      <span className="h-1.5 w-1.5 rounded-2xl bg-red-500 animate-pulse" />
                       <p className="text-[11px] text-neutral-400 font-bold uppercase tracking-wider">TV One Angola</p>
                     </div>
                   </div>
@@ -210,7 +210,7 @@ export default function NewsArticlePage() {
               </div>
 
               {/* 2. BOTÃO CUSTOM iOS PAY */}
-              <div className="rounded-[32px] bg-white p-8 shadow-[0_8px_40px_rgba(0,0,0,0.04)] border border-neutral-100">
+              <div className="rounded-2xl bg-white p-8 shadow-[0_8px_40px_rgba(0,0,0,0.04)] border border-neutral-100">
                 <p className="text-[13px] font-black text-neutral-400 uppercase tracking-[0.1em] mb-6 text-center">Assinatura Premium</p>
                 <button className="group relative flex w-full items-center justify-center gap-2 overflow-hidden rounded-2xl bg-black py-4 transition-all hover:bg-neutral-800 active:scale-95 shadow-xl shadow-black/10">
                   <svg viewBox="0 0 384 512" className="h-5 w-5 fill-white transition-transform group-hover:scale-110">
@@ -225,7 +225,7 @@ export default function NewsArticlePage() {
               </div>
 
               {/* 3. CARD DE FEEDBACK */}
-              <div className="rounded-[32px] bg-white p-8 shadow-[0_8px_40px_rgba(0,0,0,0.04)] border border-neutral-100 text-center">
+              <div className="rounded-2xl 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>
                 <button className="flex w-full items-center justify-center gap-3 rounded-2xl bg-[#0066CC] py-4.5 text-white font-[800] shadow-xl shadow-blue-500/25 transition-transform hover:scale-[1.02] active:scale-[0.98]">
                   <ThumbsUp size={20} />
@@ -234,7 +234,7 @@ export default function NewsArticlePage() {
               </div>
 
               {/* 4. BANNERS PATROCINADOS */}
-              <div className="group relative aspect-[3/4] w-full overflow-hidden rounded-[32px] bg-[#1d1d1f] p-10 text-white border border-white/5">
+              <div className="group relative aspect-[3/4] w-full overflow-hidden rounded-2xl bg-[#1d1d1f] p-10 text-white border border-white/5">
                 <div className="relative z-10 h-full flex flex-col justify-between">
                   <span className="text-[11px] font-[900] tracking-[0.2em] opacity-40 uppercase">Patrocinado</span>
                   <div>
@@ -242,10 +242,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>
-                <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 className="absolute -bottom-20 -right-20 h-64 w-64 rounded-2xl bg-blue-600/30 blur-[80px] transition-opacity group-hover:opacity-50" />
               </div>
 
-              <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">
+              <div className="w-full rounded-2xl 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>
               </div>