From eebae6b6f4ac857ce786a52519efca9cd74bc6c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Thu, 28 May 2026 08:28:39 +0300
Subject: [PATCH] feat: add internationalization support and main layout
 structure

---
 src/index.html      | 26 +++++++++++++++-----------
 src/locales/ar.json |  5 ++++-
 src/locales/de.json |  5 ++++-
 src/locales/en.json |  5 ++++-
 src/locales/ru.json |  5 ++++-
 src/locales/tr.json |  5 ++++-
 6 files changed, 35 insertions(+), 16 deletions(-)

diff --git a/src/index.html b/src/index.html
index c687f9d..df02faf 100644
--- a/src/index.html
+++ b/src/index.html
@@ -15,11 +15,7 @@
   <!-- Custom Glassmorphic Titlebar -->
   <div class="custom-titlebar">
     <div class="titlebar-drag">
-      <svg class="titlebar-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-        <polyline points="7 10 12 15 17 10" />
-        <line x1="12" y1="15" x2="12" y2="3" />
-      </svg>
+      <img src="assets/icon_32.png" alt="Icon" class="titlebar-icon-img" style="width: 16px; height: 16px; object-fit: contain; filter: drop-shadow(0 0 5px rgba(255, 0, 128, 0.45));" />
       <span>VibeDownloader</span>
     </div>
     <div class="titlebar-controls">
@@ -68,12 +64,8 @@
     <!-- STEP 1: Link Analysis -->
     <div id="step-1" class="wizard-step active">
       <header class="app-header text-center">
-        <div class="logo-wrapper">
-          <svg class="logo-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
-            <polyline points="7 10 12 15 17 10" />
-            <line x1="12" y1="15" x2="12" y2="3" />
-          </svg>
+        <div class="logo-wrapper" style="box-shadow: 0 10px 30px rgba(121, 40, 202, 0.35); padding: 12px; border-radius: 24px; background: rgba(255, 255, 255, 0.04);">
+          <img src="assets/icon.png" alt="Logo" class="logo-icon-img" style="width: 48px; height: 48px; object-fit: contain; display: block;" />
         </div>
         <h1 class="glow-text">VibeDownloader</h1>
         <p class="subtitle" data-i18n="app_subtitle">YouTube, X/Twitter, Instagram, TikTok ve tüm popüler sitelerden video/ses indirin</p>
@@ -118,6 +110,18 @@
         </svg>
         <span id="error-message" data-i18n="error_default">Bir hata oluştu.</span>
       </div>
+
+      <!-- Premium Credits Footer -->
+      <footer class="app-credits text-center" style="margin-top: 30px; font-size: 0.74rem; opacity: 0.65; color: #a49fc0; display: flex; flex-direction: column; align-items: center; gap: 4px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.05); width: 100%;">
+        <div>VibeDownloader © 2026</div>
+        <div style="font-weight: 500;">
+          <span data-i18n="credits_by">Geliştiren:</span> 
+          <span style="color: #ff0080; font-weight: 600; text-shadow: 0 0 8px rgba(255, 0, 128, 0.35);">Ümit Tunç</span> 
+          (<span data-i18n="credits_role">Yazılım Mühendisi</span>) 
+          <span data-i18n="credits_at">bünyesinde</span> 
+          <span style="color: #00dfd8; font-weight: 600; text-shadow: 0 0 8px rgba(0, 223, 216, 0.35);">Trunçgil Teknoloji</span>
+        </div>
+      </footer>
     </div>
 
     <!-- STEP 2: Download Options & List -->
diff --git a/src/locales/ar.json b/src/locales/ar.json
index 470ccb9..8afeb6c 100644
--- a/src/locales/ar.json
+++ b/src/locales/ar.json
@@ -74,5 +74,8 @@
   "overall_status_label": "التقدم الإجمالي",
   "btn_pause": "إيقاف مؤقت",
   "btn_resume": "استئناف",
-  "btn_stop": "إيقاف"
+  "btn_stop": "إيقاف",
+  "credits_by": "المطور:",
+  "credits_role": "مهندس برمجيات",
+  "credits_at": "في"
 }
diff --git a/src/locales/de.json b/src/locales/de.json
index 93fb36c..bdf51d9 100644
--- a/src/locales/de.json
+++ b/src/locales/de.json
@@ -74,5 +74,8 @@
   "overall_status_label": "Gesamtfortschritt",
   "btn_pause": "Pause",
   "btn_resume": "Fortsetzen",
-  "btn_stop": "Stoppen"
+  "btn_stop": "Stoppen",
+  "credits_by": "Entwickler:",
+  "credits_role": "Software-Entwickler",
+  "credits_at": "bei"
 }
diff --git a/src/locales/en.json b/src/locales/en.json
index 8006712..58135e4 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -74,5 +74,8 @@
   "overall_status_label": "Overall Progress",
   "btn_pause": "Pause",
   "btn_resume": "Resume",
-  "btn_stop": "Stop"
+  "btn_stop": "Stop",
+  "credits_by": "Developer:",
+  "credits_role": "Software Engineer",
+  "credits_at": "at"
 }
diff --git a/src/locales/ru.json b/src/locales/ru.json
index dfb60c1..01232bc 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -74,5 +74,8 @@
   "overall_status_label": "Общий прогресс",
   "btn_pause": "Пауза",
   "btn_resume": "Продолжить",
-  "btn_stop": "Остановить"
+  "btn_stop": "Остановить",
+  "credits_by": "Разработчик:",
+  "credits_role": "Инженер-программист",
+  "credits_at": "в"
 }
diff --git a/src/locales/tr.json b/src/locales/tr.json
index 246c204..ed543c1 100644
--- a/src/locales/tr.json
+++ b/src/locales/tr.json
@@ -74,5 +74,8 @@
   "overall_status_label": "Genel İlerleme",
   "btn_pause": "Duraklat",
   "btn_resume": "Devam Et",
-  "btn_stop": "Durdur"
+  "btn_stop": "Durdur",
+  "credits_by": "Geliştiren:",
+  "credits_role": "Yazılım Mühendisi",
+  "credits_at": "bünyesinde"
 }