feat: integrate NextForm logo and modernize dashboard UI with premium sports design

2025-12-10 14:45:49 +01:00
1 parent 62e2255b5e
commit 7427c97c9c
@@ -0,0 +1,47 @@
+<svg viewBox="0 0 600 700" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1e40af;stop-opacity:1" />
+      <stop offset="50%" style="stop-color:#0369a1;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Main rounded shape background -->
+  <path d="M 150 80 Q 350 50 450 150 L 480 300 Q 500 450 380 550 Q 200 650 100 550 Q 30 450 50 300 L 80 150 Q 100 80 150 80 Z" fill="url(#logoGrad)"/>
+  
+  <!-- Arrow pointing up-right (top right) -->
+  <g transform="translate(340, 100)">
+    <path d="M 0 80 L 0 0 M 0 0 L -25 25 M 0 0 L 25 25" stroke="white" stroke-width="20" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+  
+  <!-- Hand holding dumbbell (left side) -->
+  <g transform="translate(80, 180)">
+    <!-- Upper arm -->
+    <ellipse cx="40" cy="30" rx="25" ry="60" fill="white" opacity="0.95" transform="rotate(-30 40 30)"/>
+    
+    <!-- Forearm and hand -->
+    <path d="M 60 80 Q 100 100 140 85" stroke="white" stroke-width="35" fill="none" stroke-linecap="round" opacity="0.95"/>
+    
+    <!-- Fingers -->
+    <circle cx="145" cy="75" r="15" fill="white" opacity="0.95"/>
+    <circle cx="155" cy="90" r="12" fill="white" opacity="0.95"/>
+    <circle cx="150" cy="105" r="13" fill="white" opacity="0.95"/>
+    
+    <!-- Dumbbell bar -->
+    <rect x="155" y="75" width="110" height="28" rx="14" fill="white" opacity="0.95"/>
+    
+    <!-- Left weight plate -->
+    <circle cx="155" cy="89" r="45" fill="white" opacity="0.95"/>
+    <circle cx="155" cy="89" r="38" fill="url(#logoGrad)" opacity="0.4"/>
+    <rect x="145" y="130" width="20" height="30" fill="white" opacity="0.95" rx="3"/>
+    
+    <!-- Right weight plate -->
+    <circle cx="265" cy="89" r="45" fill="white" opacity="0.95"/>
+    <circle cx="265" cy="89" r="38" fill="url(#logoGrad)" opacity="0.4"/>
+    <rect x="255" y="130" width="20" height="30" fill="white" opacity="0.95" rx="3"/>
+  </g>
+  
+  <!-- Text at bottom -->
+  <text x="300" y="630" font-size="85" font-weight="900" fill="url(#logoGrad)" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" letter-spacing="2">NextForm</text>
+</svg>
@@ -0,0 +1,35 @@
+<svg viewBox="0 0 600 700" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#2563eb;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0ea5e9;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Main Shape Background -->
+  <path d="M 150 150 L 350 150 L 450 250 L 450 450 L 350 550 L 150 550 L 50 450 L 50 250 Z" fill="url(logoGradient)" opacity="0.15"/>
+  
+  <!-- Dumbbell Icon -->
+  <g transform="translate(200, 200)">
+    <!-- Left Weight -->
+    <circle cx="20" cy="60" r="35" fill="url(logoGradient)"/>
+    <rect x="10" y="70" width="20" height="80" fill="url(logoGradient)"/>
+    
+    <!-- Bar -->
+    <rect x="35" y="100" width="130" height="25" rx="12" fill="url(logoGradient)"/>
+    
+    <!-- Right Weight -->
+    <circle cx="180" cy="60" r="35" fill="url(logoGradient)"/>
+    <rect x="170" y="70" width="20" height="80" fill="url(logoGradient)"/>
+    
+    <!-- Hand -->
+    <ellipse cx="80" cy="20" rx="25" ry="30" fill="url(logoGradient)"/>
+    <path d="M 70 0 Q 65 -15 60 -20" stroke="url(logoGradient)" stroke-width="8" fill="none" stroke-linecap="round"/>
+    <path d="M 85 -5 Q 88 -20 90 -28" stroke="url(logoGradient)" stroke-width="8" fill="none" stroke-linecap="round"/>
+  </g>
+  
+  <!-- Arrow/Growth -->
+  <g transform="translate(320, 150)">
+    <path d="M 20 100 L 80 40 L 80 70 L 120 30 L 80 30 L 80 0 Z" fill="url(logoGradient)"/>
+  </g>
+</svg>