feat: add SVG asset management, icons, and UI component enhancements

2026-10-11 12:27:47 -03:00
parent 3fab68c118
commit 176acf6f40
39 changed files with 869 additions and 134 deletions
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 160" width="600" height="160">
+  <defs>
+    <linearGradient id="bannerBgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0d47a1"/>
+      <stop offset="60%" stop-color="#0284c7"/>
+      <stop offset="100%" stop-color="#0369a1"/>
+    </linearGradient>
+    <linearGradient id="bannerIconGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1e88e5"/>
+      <stop offset="100%" stop-color="#01579b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Fundo do Banner -->
+  <rect x="0" y="0" width="600" height="160" rx="16" ry="16" fill="url(#bannerBgGrad)"/>
+
+  <!-- Formas geométricas de segurança no fundo -->
+  <circle cx="480" cy="50" r="110" fill="#ffffff" fill-opacity="0.08"/>
+  <circle cx="540" cy="120" r="80" fill="#ffffff" fill-opacity="0.06"/>
+  <circle cx="380" cy="-20" r="90" fill="#ffffff" fill-opacity="0.04"/>
+
+  <!-- Ícone Cristal à esquerda -->
+  <rect x="30" y="35" width="90" height="90" rx="22" ry="22" fill="url(#bannerIconGrad)"/>
+  <rect x="33" y="38" width="84" height="84" rx="19" ry="19" fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="0.3"/>
+  <polygon points="75,52 101,80 75,108 49,80" fill="#ffffff" fill-opacity="0.9"/>
+  <polygon points="75,52 75,108 49,80" fill="#80d8ff" fill-opacity="0.5"/>
+
+  <!-- Textos do Banner -->
+  <text x="148" y="74" font-family="'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="34" font-weight="bold" fill="#ffffff">CyberCore Signer</text>
+  <text x="148" y="104" font-family="'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="16" font-weight="normal" fill="#e0f2fe">Agente de Assinatura Digital ICP-Brasil A1 &amp; A3</text>
+  <text x="148" y="128" font-family="'Segoe UI', Roboto, Helvetica, Arial, sans-serif" font-size="12" font-weight="bold" fill="#38bdf8" letter-spacing="1">PADES • XADES • CADES • TIMESTAMPS • CCSP/1</text>
+</svg>