From ad6fdc2226cb07ffb465e768d0e7dc3debe81c5c Mon Sep 17 00:00:00 2001
From: Aleksandar <b.aleksandar@outlook.com>
Date: Thu, 11 Dec 2025 14:24:37 +0100
Subject: [PATCH] feat: add NextForm logo to admin navigation, dashboard header
 and mobile home screen

---
 apps/admin/public/nextform-logo.svg      | 29 ++++++++++++++++++++++++
 apps/admin/src/app/page.tsx              | 17 ++++++++++----
 apps/admin/src/components/Navigation.tsx | 11 +++++++--
 apps/mobile/public/nextform-logo.svg     | 29 ++++++++++++++++++++++++
 apps/mobile/src/app/(tabs)/index.tsx     | 12 +++++++---
 5 files changed, 88 insertions(+), 10 deletions(-)
 create mode 100644 apps/admin/public/nextform-logo.svg
 create mode 100644 apps/mobile/public/nextform-logo.svg

diff --git a/apps/admin/public/nextform-logo.svg b/apps/admin/public/nextform-logo.svg
new file mode 100644
index 0000000..58c6285
--- /dev/null
+++ b/apps/admin/public/nextform-logo.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <!-- Background shape -->
+  <defs>
+    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#2FB7E8;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"/>
+  
+  <!-- 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"/>
+  </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 74ddbab..f0456f9 100644
--- a/apps/admin/src/app/page.tsx
+++ b/apps/admin/src/app/page.tsx
@@ -51,11 +51,18 @@ export default function Home() {
         {/* Hero Section */}
         <div className="pt-8 pb-4">
           <div className="space-y-3">
-            <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">
-                FitAI Dashboard
-              </h1>
+            <div className="flex items-center gap-4">
+              <img 
+                src="/nextform-logo.svg" 
+                alt="NextForm" 
+                className="h-12 w-12"
+              />
+              <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/Navigation.tsx b/apps/admin/src/components/Navigation.tsx
index 8762d83..4cc4d60 100644
--- a/apps/admin/src/components/Navigation.tsx
+++ b/apps/admin/src/components/Navigation.tsx
@@ -52,9 +52,16 @@ export function Navigation(): ReactElement {
           {/* Logo */}
           <Link
             href="/"
-            className="text-xl font-bold text-[#FF0000] hover:text-[#00FF00] transition-colors"
+            className="flex items-center gap-2 hover:opacity-80 transition-opacity"
           >
-            FitAI
+            <img 
+              src="/nextform-logo.svg" 
+              alt="NextForm" 
+              className="h-8 w-8"
+            />
+            <span className="text-lg font-bold bg-gradient-to-r from-blue-600 to-blue-800 bg-clip-text text-transparent">
+              NextForm
+            </span>
           </Link>
 
           {/* Navigation Items */}
diff --git a/apps/mobile/public/nextform-logo.svg b/apps/mobile/public/nextform-logo.svg
new file mode 100644
index 0000000..58c6285
--- /dev/null
+++ b/apps/mobile/public/nextform-logo.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+  <!-- Background shape -->
+  <defs>
+    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#2FB7E8;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"/>
+  
+  <!-- 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"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/apps/mobile/src/app/(tabs)/index.tsx b/apps/mobile/src/app/(tabs)/index.tsx
index 9149541..05ac0e1 100644
--- a/apps/mobile/src/app/(tabs)/index.tsx
+++ b/apps/mobile/src/app/(tabs)/index.tsx
@@ -110,9 +110,15 @@ export default function HomeScreen() {
       >
         {/* Header Section */}
         <View style={styles.header}>
-          <View>
-            <Text style={styles.greeting}>{getGreeting()},</Text>
-            <Text style={styles.name}>{user?.firstName || "Athlete"}</Text>
+          <View style={{ flexDirection: "row", alignItems: "center", gap: 8 }}>
+            <Image
+              source={require("../../public/nextform-logo.svg")}
+              style={{ width: 32, height: 32 }}
+            />
+            <View>
+              <Text style={styles.greeting}>{getGreeting()},</Text>
+              <Text style={styles.name}>{user?.firstName || "Athlete"}</Text>
+            </View>
           </View>
           <View style={styles.avatarContainer}>
             {user?.imageUrl ? (