AdminLTE3

public/images/services/ui-ux-design.svg

@@ -0,0 +1,47 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none">
+  <!-- Background circle -->
+  <circle cx="100" cy="100" r="90" fill="rgba(255,255,255,0.1)" stroke="rgba(255,255,255,0.2)" stroke-width="2"/>
+  
+  <!-- Design canvas/artboard -->
+  <rect x="50" y="50" width="100" height="80" rx="8" fill="rgba(255,255,255,0.9)" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
+  
+  <!-- Design elements - wireframe -->
+  <rect x="60" y="65" width="80" height="8" rx="4" fill="rgba(139,92,246,0.3)"/>
+  <rect x="60" y="80" width="50" height="6" rx="3" fill="rgba(236,72,153,0.4)"/>
+  <rect x="60" y="92" width="70" height="6" rx="3" fill="rgba(59,130,246,0.4)"/>
+  
+  <!-- Button mockups -->
+  <rect x="60" y="105" width="25" height="12" rx="6" fill="rgba(34,197,94,0.6)"/>
+  <rect x="90" y="105" width="25" height="12" rx="6" fill="rgba(239,68,68,0.3)" stroke="rgba(239,68,68,0.5)" stroke-width="1"/>
+  
+  <!-- Color palette -->
+  <circle cx="170" cy="60" r="8" fill="rgba(59,130,246,0.8)"/>
+  <circle cx="170" cy="80" r="8" fill="rgba(34,197,94,0.8)"/>
+  <circle cx="170" cy="100" r="8" fill="rgba(245,158,11,0.8)"/>
+  <circle cx="170" cy="120" r="8" fill="rgba(236,72,153,0.8)"/>
+  
+  <!-- Design tools -->
+  <rect x="20" y="30" width="40" height="6" rx="3" fill="rgba(255,255,255,0.7)"/>
+  <circle cx="25" cy="33" r="2" fill="rgba(59,130,246,0.7)"/>
+  <circle cx="32" cy="33" r="2" fill="rgba(34,197,94,0.7)"/>
+  <circle cx="39" cy="33" r="2" fill="rgba(239,68,68,0.7)"/>
+  
+  <!-- Cursor/pointer -->
+  <path d="M25 160 L35 170 L30 175 L20 170 Z" fill="rgba(255,255,255,0.8)" stroke="rgba(255,255,255,0.4)" stroke-width="1"/>
+  
+  <!-- Grid lines -->
+  <defs>
+    <pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
+      <path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/>
+    </pattern>
+  </defs>
+  <rect x="50" y="50" width="100" height="80" fill="url(#grid)"/>
+  
+  <!-- Floating design elements -->
+  <rect x="160" y="140" width="20" height="12" rx="6" fill="rgba(255,255,255,0.5)" stroke="rgba(255,255,255,0.3)" stroke-width="1"/>
+  <circle cx="30" cy="140" r="6" fill="rgba(255,255,255,0.3)" stroke="rgba(255,255,255,0.2)" stroke-width="1"/>
+  
+  <!-- Typography indicator -->
+  <text x="25" y="180" fill="rgba(255,255,255,0.4)" font-family="serif" font-size="16" font-weight="bold">Aa</text>
+  <text x="150" y="180" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12">UI/UX</text>
+</svg>