From 19d0f3584ccb36dedc3a2ae72666df256dc455ee Mon Sep 17 00:00:00 2001
From: root <root@adhd.sh>
Date: Tue, 25 Nov 2025 02:06:13 +0100
Subject: [PATCH] [FEAT] Add ad banner

---
 src/App.vue | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 5d73622..f8a55b4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="min-h-screen p-4 sm:p-8 bg-slate-50 dark:bg-gray-950 transition-colors duration-300">
     <div class="max-w-[1600px] mx-auto">
-      <header class="mb-8 sm:mb-12">
+      <header class="mb-4 sm:mb-6">
         <div class="flex flex-col sm:flex-row justify-between items-center gap-4 mb-6">
           <div class="text-center sm:text-left">
             <h1 class="text-3xl sm:text-5xl font-bold text-gray-900 dark:text-gray-100 tracking-tight mb-2">Spritesheet generator</h1>
@@ -299,6 +299,28 @@
           </div>
         </div>
       </main>
+
+      <div class="mt-6 p-6 sm:p-8 bg-gradient-to-r from-blue-50 to-purple-50 dark:from-gray-800 dark:to-gray-700 border-2 border-blue-200 dark:border-gray-600 rounded-xl shadow-lg">
+        <div class="flex flex-col sm:flex-row items-center justify-between gap-4">
+          <div class="text-center sm:text-left">
+            <div class="flex items-center justify-center sm:justify-start gap-3 mb-2">
+              <i class="fas fa-ad text-3xl text-blue-600 dark:text-blue-400"></i>
+              <span class="text-2xl sm:text-3xl font-bold text-gray-800 dark:text-gray-100">Your ad here</span>
+            </div>
+            <p class="text-base sm:text-lg text-gray-600 dark:text-gray-300">Reach thousands of game developers and creative professionals</p>
+          </div>
+          <div class="flex flex-col gap-3">
+            <a href="mailto:root@adhd.sh" class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 text-white rounded-lg transition-all shadow-md hover:shadow-lg text-base font-medium">
+              <i class="fas fa-envelope"></i>
+              root@adhd.sh
+            </a>
+            <a href="https://discord.gg/JTev3nzeDa" target="_blank" class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-indigo-600 hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600 text-white rounded-lg transition-all shadow-md hover:shadow-lg text-base font-medium">
+              <i class="fab fa-discord"></i>
+              Discord: nu11ed
+            </a>
+          </div>
+        </div>
+      </div>
     </div>
 
     <HelpModal :is-open="isHelpModalOpen" @close="closeHelpModal" />