From a81a01a06db906d5eceef79ad3e721e173ab42d2 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Thu, 25 Jun 2026 16:15:05 -0500
Subject: [PATCH] feat: use real ProsApp logo in admin login and sidebar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 admin/src/app/login/page.tsx     | 14 ++++----------
 admin/src/components/sidebar.tsx |  7 +------
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/admin/src/app/login/page.tsx b/admin/src/app/login/page.tsx
index 1029a5a..c45d9bf 100644
--- a/admin/src/app/login/page.tsx
+++ b/admin/src/app/login/page.tsx
@@ -32,11 +32,8 @@ export default function LoginPage() {
     <div className="flex min-h-screen">
       {/* Left panel — gradient */}
       <div className="hidden lg:flex lg:w-1/2 flex-col items-center justify-center bg-gradient-to-br from-[#42A4EF] to-[#1565C0] text-white p-12">
-        <div className="mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-white/20 backdrop-blur-sm">
-          <span className="text-4xl font-black text-white">P</span>
-        </div>
-        <h1 className="text-4xl font-black tracking-tight">ProsApp</h1>
-        <p className="mt-3 text-lg text-white/80">Panel de administración</p>
+        <img src="https://prosapp.co/img/logo_prosapp.png" alt="ProsApp" className="mb-4 h-20 w-auto object-contain drop-shadow-md" />
+        <p className="mt-2 text-lg text-white/80">Panel de administración</p>
         <div className="mt-12 space-y-4 text-sm text-white/70 max-w-xs">
           <div className="flex items-center gap-3">
             <div className="h-1.5 w-1.5 rounded-full bg-white/60" />
@@ -62,11 +59,8 @@ export default function LoginPage() {
         <div className="w-full max-w-sm space-y-8">
           {/* Logo for mobile */}
           <div className="flex flex-col items-center lg:hidden">
-            <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-xl bg-[#42A4EF]">
-              <span className="text-2xl font-black text-white">P</span>
-            </div>
-            <h1 className="text-2xl font-black text-[#42A4EF]">ProsApp</h1>
-            <p className="text-sm text-muted-foreground">Panel de administración</p>
+            <img src="https://prosapp.co/img/logo_prosapp.png" alt="ProsApp" className="h-14 w-auto object-contain" />
+            <p className="mt-1 text-sm text-muted-foreground">Panel de administración</p>
           </div>
 
           <div>
diff --git a/admin/src/components/sidebar.tsx b/admin/src/components/sidebar.tsx
index a49c568..07139f1 100644
--- a/admin/src/components/sidebar.tsx
+++ b/admin/src/components/sidebar.tsx
@@ -51,12 +51,7 @@ export default function Sidebar({ children }: { children: React.ReactNode }) {
       >
         <div className="flex h-14 items-center justify-between border-b px-3">
           {!collapsed && (
-            <div className="flex items-center gap-2">
-              <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-[#42A4EF]">
-                <span className="text-xs font-black text-white">P</span>
-              </div>
-              <span className="font-bold text-[#42A4EF]">ProsApp</span>
-            </div>
+            <img src="https://prosapp.co/img/logo_prosapp.png" alt="ProsApp" className="h-7 w-auto object-contain" />
           )}
           {collapsed && (
             <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-[#42A4EF] mx-auto">