From 5a5e07d6fb51266d241ad507220b3acb3fa39aa1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Sat, 23 May 2026 13:19:58 +0300
Subject: [PATCH] refactor: replace inline SVG icons with external logo images
 in header and setup wizard

---
 index.html | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 7150512..2a551f1 100644
--- a/index.html
+++ b/index.html
@@ -25,18 +25,7 @@
   <!-- Custom Sleek Glass Titlebar -->
   <header class="app-titlebar">
     <div class="titlebar-logo">
-      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M12 2L2 7L12 12L22 7L12 2Z" fill="url(#neon-grad)" stroke="#fff" stroke-opacity="0.2"
-          stroke-width="1.5" />
-        <path d="M2 17L12 22L22 17" stroke="url(#neon-grad)" stroke-width="2" stroke-linecap="round" />
-        <path d="M2 12L12 17L22 12" stroke="#a78bfa" stroke-opacity="0.5" stroke-width="1.5" stroke-linecap="round" />
-        <defs>
-          <linearGradient id="neon-grad" x1="2" y1="2" x2="22" y2="22" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#ff7a00" />
-            <stop offset="1" stop-color="#ffb800" />
-          </linearGradient>
-        </defs>
-      </svg>
+      <img src="docs/dekupai-logo.png" alt="Logo" style="width: 20px; height: 20px; object-fit: contain; border-radius: 4px;">
       <span>DEKUPAI</span>
       <span class="badge">Trunçgil AI</span>
     </div>
@@ -412,11 +401,7 @@
     <div class="setup-wizard">
       <div class="wizard-header">
         <div class="glow-icon-container">
-          <svg class="glow-icon animated-float" width="60" height="60" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z" fill="url(#neon-grad)" opacity="0.3" stroke="url(#neon-grad)" stroke-width="1.5"/>
-            <path d="M12 12C12 13.6569 10.6569 15 9 15C7.34315 15 6 13.6569 6 12C6 10.3431 7.34315 9 9 9C10.6569 9 12 10.3431 12 12Z" fill="url(#neon-grad)" stroke="url(#neon-grad)" stroke-width="1.5"/>
-            <path d="M12 12C12 13.6569 13.3431 15 15 15C16.6569 15 18 13.6569 18 12C18 10.3431 16.6569 9 15 9C13.3431 9 12 10.3431 12 12Z" fill="url(#neon-grad)" stroke="url(#neon-grad)" stroke-width="1.5"/>
-          </svg>
+          <img class="glow-icon animated-float" src="docs/dekupai-logo.png" alt="Logo" style="width: 60px; height: 60px; object-fit: contain; filter: drop-shadow(0 0 15px rgba(255, 122, 0, 0.45)); border-radius: 8px;">
         </div>
         <h1 style="font-size: 28px; margin-bottom: 2px; font-family: var(--font-heading);">DEKUPAI</h1>
         <div style="font-size: 11px; font-weight: 700; color: #ff7a00; letter-spacing: 1.5px; margin-bottom: 12px; text-transform: uppercase;">Version 1.0.0</div>