From 1aceeafd7235e610e79f3f9b840dcad6cd6a64bd Mon Sep 17 00:00:00 2001
From: Peter Maquiran <maquiranpeter29@gmail.com>
Date: Wed, 15 Apr 2026 15:00:10 +0100
Subject: [PATCH] improve crete news scren

---
 app/create-news/page.tsx | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/app/create-news/page.tsx b/app/create-news/page.tsx
index 757f3d6..9646a6e 100644
--- a/app/create-news/page.tsx
+++ b/app/create-news/page.tsx
@@ -53,12 +53,11 @@ const CreateNewsPage = () => {
       {/* Sidebar Lateral */}
       <aside className="w-64 backdrop-blur-xl bg-white/80 border-r border-slate-200 p-6 flex flex-col">
         <div className="flex items-center gap-2 mb-10 px-2">
-          <div className="w-10 h-10 bg-white rounded-lg flex items-center justify-center border border-slate-100 shadow-sm overflow-hidden">
-             {/* Fallback caso não tenhas o logo.png localmente */}
-            <span className="text-blue-600 font-black">TV</span>
+        <div className="w-10 h-10 bg-white rounded-lg flex items-center justify-center font-bold italic">
+            <Image src="/logo.png" alt="TVone" width={50} height={50} />
           </div>
           <span className="font-bold text-sm tracking-tight leading-tight uppercase">
-            TVone<br/><span className="text-blue-600 text-[10px]">Portal Admin</span>
+            TVone<br/><span className="text-blue-600 text-[10px]">de Notícias</span>
           </span>
         </div>
 
@@ -141,6 +140,22 @@ const CreateNewsPage = () => {
                   className="w-full border-none focus:ring-0 resize-none text-slate-700 leading-relaxed p-0"
                 />
               </section>
+
+                {/* Resumo (Lead) */}
+                <div className="bg-white rounded-2xl p-6 border border-slate-200 shadow-sm">
+                <label className="block text-xs font-bold uppercase text-slate-400 mb-2 leading-8">Resumo (Lead)</label>
+                <textarea 
+                    rows={3}
+                    placeholder="Escreva um resumo curto para visualização..."
+                    className="w-full border-none focus:ring-0 resize-none text-slate-600 text-sm italic p-0"
+                />
+                </div>
+
+                {/* Tags */}
+                <div className="bg-white rounded-2xl p-6 border border-slate-200 shadow-sm">
+                <label className="block text-xs font-bold uppercase text-slate-400 mb-2 leading-8">Tags</label>
+                <input type="text" placeholder="Insira as tags da notícia..." className="w-full border-none focus:ring-0 resize-none text-slate-600 text-sm italic p-0" />
+                </div>
             </div>
 
             {/* Coluna Lateral */}
@@ -211,6 +226,8 @@ const CreateNewsPage = () => {
                 <Eye size={18}/> Pré-visualizar Notícia
               </button>
             </div>
+
+
           </div>
         </div>
       </main>