From 76b9ee24c5e030f196c2ab514650d871a6040c7f Mon Sep 17 00:00:00 2001
From: Aleksandar <b.aleksandar@outlook.com>
Date: Thu, 11 Dec 2025 14:28:10 +0100
Subject: [PATCH] style: update sidebar and dashboard with NextForm branding

---
 apps/admin/public/logo.png               |  1 +
 apps/admin/public/nextform-logo.svg      | 39 ++++++++++++------------
 apps/admin/src/app/page.tsx              | 10 ++----
 apps/admin/src/components/ui/Sidebar.tsx | 16 ++++------
 apps/mobile/public/nextform-logo.svg     | 39 ++++++++++++------------
 5 files changed, 47 insertions(+), 58 deletions(-)
 create mode 100644 apps/admin/public/logo.png

diff --git a/apps/admin/public/logo.png b/apps/admin/public/logo.png
new file mode 100644
index 0000000..1a58a76
--- /dev/null
+++ b/apps/admin/public/logo.png
@@ -0,0 +1 @@
+data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4KICAKICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYmciIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMkZCN0U4O3N0b3Atb3BhY2l0eToxIiAvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiMwQjdGQjM7c3RvcC1vcGFjaXR5OjEiIC8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICAKICAKPC9zdmc+
\ No newline at end of file
diff --git a/apps/admin/public/nextform-logo.svg b/apps/admin/public/nextform-logo.svg
index 58c6285..be91656 100644
--- a/apps/admin/public/nextform-logo.svg
+++ b/apps/admin/public/nextform-logo.svg
@@ -1,29 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
-  <!-- Background shape -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
   <defs>
-    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#2FB7E8;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#0B9FD0;stop-opacity:1" />
       <stop offset="100%" style="stop-color:#0B7FB3;stop-opacity:1" />
     </linearGradient>
   </defs>
   
-  <!-- Arrow/Chevron background -->
-  <path d="M 140 50 L 180 50 L 140 100 Z" fill="url(#logoGrad)" opacity="0.9"/>
-  <path d="M 60 50 L 100 100 L 60 100 Z" fill="url(#logoGrad)" opacity="0.8"/>
+  <!-- Main arrow shape -->
+  <path d="M 420 150 L 540 150 L 420 300 Z" fill="url(#grad1)" opacity="0.95"/>
+  <path d="M 180 150 L 300 300 L 180 300 Z" fill="url(#grad1)" opacity="0.85"/>
   
-  <!-- Dumbbell icon -->
-  <g transform="translate(70, 80)">
-    <!-- Left weight -->
-    <rect x="0" y="15" width="8" height="30" fill="white" rx="2"/>
-    <circle cx="4" cy="12" r="6" fill="white"/>
-    <circle cx="4" cy="48" r="6" fill="white"/>
-    
-    <!-- Bar -->
-    <rect x="10" y="20" width="20" height="8" fill="white" rx="2"/>
-    
-    <!-- Right weight -->
-    <rect x="32" y="15" width="8" height="30" fill="white" rx="2"/>
-    <circle cx="36" cy="12" r="6" fill="white"/>
-    <circle cx="36" cy="48" r="6" fill="white"/>
+  <!-- Dumbbell - Left -->
+  <g transform="translate(200, 250)">
+    <!-- Left disk -->
+    <circle cx="0" cy="0" r="35" fill="white" opacity="0.95"/>
+    <!-- Bar left -->
+    <rect x="35" y="-15" width="80" height="30" fill="white" rx="4"/>
+    <!-- Right disk -->
+    <circle cx="115" cy="0" r="35" fill="white" opacity="0.95"/>
+    <!-- Grip lines -->
+    <line x1="45" y1="-35" x2="45" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
+    <line x1="65" y1="-35" x2="65" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
+    <line x1="85" y1="-35" x2="85" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
+    <line x1="105" y1="-35" x2="105" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
   </g>
 </svg>
\ No newline at end of file
diff --git a/apps/admin/src/app/page.tsx b/apps/admin/src/app/page.tsx
index f0456f9..4614876 100644
--- a/apps/admin/src/app/page.tsx
+++ b/apps/admin/src/app/page.tsx
@@ -51,18 +51,12 @@ export default function Home() {
         {/* Hero Section */}
         <div className="pt-8 pb-4">
           <div className="space-y-3">
-            <div className="flex items-center gap-4">
+            <div className="flex items-center gap-3">
               <img 
                 src="/nextform-logo.svg" 
                 alt="NextForm" 
-                className="h-12 w-12"
+                className="h-16 w-16"
               />
-              <div className="flex items-center gap-3">
-                <div className="h-12 w-1 bg-gradient-to-b from-blue-600 to-cyan-600 rounded-full"></div>
-                <h1 className="text-5xl font-black bg-gradient-to-r from-blue-600 via-blue-700 to-cyan-600 bg-clip-text text-transparent">
-                  NextForm Dashboard
-                </h1>
-              </div>
             </div>
             <p className="text-lg text-gray-600 ml-4">Performance metrics & athlete insights</p>
           </div>
diff --git a/apps/admin/src/components/ui/Sidebar.tsx b/apps/admin/src/components/ui/Sidebar.tsx
index 2aa2c1a..2cd9c27 100644
--- a/apps/admin/src/components/ui/Sidebar.tsx
+++ b/apps/admin/src/components/ui/Sidebar.tsx
@@ -68,16 +68,12 @@ export function Sidebar() {
         <aside className="w-64 bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 text-white h-screen fixed left-0 top-0 flex flex-col border-r border-slate-800/50 shadow-2xl">
             {/* Logo Section */}
             <div className="p-6 border-b border-slate-800/50">
-                <div className="flex items-center gap-3">
-                    <div className="h-10 w-10 rounded-xl bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center font-bold text-white shadow-lg">
-                        ⚡
-                    </div>
-                    <div>
-                        <h1 className="text-lg font-black bg-gradient-to-r from-blue-400 via-cyan-400 to-blue-300 bg-clip-text text-transparent">
-                            FitAI
-                        </h1>
-                        <p className="text-xs text-slate-400 font-semibold tracking-wide">ADMIN PRO</p>
-                    </div>
+                <div className="flex items-center justify-center">
+                    <img 
+                        src="/nextform-logo.svg" 
+                        alt="NextForm" 
+                        className="h-14 w-14"
+                    />
                 </div>
             </div>
 
diff --git a/apps/mobile/public/nextform-logo.svg b/apps/mobile/public/nextform-logo.svg
index 58c6285..be91656 100644
--- a/apps/mobile/public/nextform-logo.svg
+++ b/apps/mobile/public/nextform-logo.svg
@@ -1,29 +1,28 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
-  <!-- Background shape -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
   <defs>
-    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" style="stop-color:#2FB7E8;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#0B9FD0;stop-opacity:1" />
       <stop offset="100%" style="stop-color:#0B7FB3;stop-opacity:1" />
     </linearGradient>
   </defs>
   
-  <!-- Arrow/Chevron background -->
-  <path d="M 140 50 L 180 50 L 140 100 Z" fill="url(#logoGrad)" opacity="0.9"/>
-  <path d="M 60 50 L 100 100 L 60 100 Z" fill="url(#logoGrad)" opacity="0.8"/>
+  <!-- Main arrow shape -->
+  <path d="M 420 150 L 540 150 L 420 300 Z" fill="url(#grad1)" opacity="0.95"/>
+  <path d="M 180 150 L 300 300 L 180 300 Z" fill="url(#grad1)" opacity="0.85"/>
   
-  <!-- Dumbbell icon -->
-  <g transform="translate(70, 80)">
-    <!-- Left weight -->
-    <rect x="0" y="15" width="8" height="30" fill="white" rx="2"/>
-    <circle cx="4" cy="12" r="6" fill="white"/>
-    <circle cx="4" cy="48" r="6" fill="white"/>
-    
-    <!-- Bar -->
-    <rect x="10" y="20" width="20" height="8" fill="white" rx="2"/>
-    
-    <!-- Right weight -->
-    <rect x="32" y="15" width="8" height="30" fill="white" rx="2"/>
-    <circle cx="36" cy="12" r="6" fill="white"/>
-    <circle cx="36" cy="48" r="6" fill="white"/>
+  <!-- Dumbbell - Left -->
+  <g transform="translate(200, 250)">
+    <!-- Left disk -->
+    <circle cx="0" cy="0" r="35" fill="white" opacity="0.95"/>
+    <!-- Bar left -->
+    <rect x="35" y="-15" width="80" height="30" fill="white" rx="4"/>
+    <!-- Right disk -->
+    <circle cx="115" cy="0" r="35" fill="white" opacity="0.95"/>
+    <!-- Grip lines -->
+    <line x1="45" y1="-35" x2="45" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
+    <line x1="65" y1="-35" x2="65" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
+    <line x1="85" y1="-35" x2="85" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
+    <line x1="105" y1="-35" x2="105" y2="35" stroke="url(#grad1)" stroke-width="3" opacity="0.5"/>
   </g>
 </svg>
\ No newline at end of file