Add 2 files

index.html

@@ -771,59 +771,68 @@ $0
   <footer class="bg-black py-12 px-4">
     <div class="max-w-7xl mx-auto">
       <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
-        <div>
-          <div class="flex items-center mb-4">
-            <span class="text-3xl font-bold glow-text">AD</span>
-            <span class="text-3xl font-bold ml-1">STUDIO</span>
-          </div>
-          <p class="text-gray-400 mb-4">Game development specialists crafting next-gen experiences.</p>
-          <div class="flex space-x-4">
-            <a href="#" class="text-gray-400 hover:text-[#1F01B9] transition-colors">
-              <i class="fab fa-twitter"></i>
-            </a>
-            <a href="#" class="text-gray-400 hover:text-[#1F01B9] transition-colors">
-              <i class="fab fa-discord"></i>
-            </a>
-            <a href="#" class="text-gray-400 hover:text-[#1F01B9] transition-colors">
-              <i class="fab fa-youtube"></i>
-            </a>
-            <a href="#" class="text-gray-400 hover:text-[#1F01B9] transition-colors">
-              <i class="fab fa-linkedin"></i>
-            </a>
-          </div>
-        </div>
-        <div>
-          <h3 class="text-xl font-bold mb-4">OUR WORK</h3>
-          <ul class="space-y-2">
-            <li><a href="#projects" class="text-gray-400 hover:text-white transition-colors">Current Projects</a></li>
-            <li><a href="#video" class="text-gray-400 hover:text-white transition-colors">Game Showcase</a></li>
-            <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">For Clients</a></li>
-            <li><a href="#team" class="text-gray-400 hover:text-white transition-colors">Our Team</a></li>
-          </ul>
-        </div>
-        <div>
-          <h3 class="text-xl font-bold mb-4">SERVICES</h3>
-          <ul class="space-y-2">
-            <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Game Development</a></li>
-            <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Co-Development</a></li>
-            <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Prototyping</a></li>
-            <li><a href="#team" class="text-gray-400 hover:text-white transition-colors">Careers</a></li>
-          </ul>
-        </div>
-        <div>
-          <h3 class="text-xl font-bold mb-4">CONTACT</h3>
-          <ul class="space-y-2">
-            <li><a href="#contact" class="text-gray-400 hover:text-white transition-colors">Get In Touch</a></li>
-            <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Request Quote</a></li>
-            <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Press Inquiries</a></li>
-            <li><a href="#" class="text-gray-400 hover:text-white transition-colors"Support</a></li> 
-          </ul>
-        </div>
-      </div>
-      <div class="pt-8 border-t border-slate-800 text-center text-gray-400">
-        <p>&copy; 2025 AD Softwares Ltd. All rights reserved.</p>
-      </div>
+  <!-- 1st column: Brand, Description, Socials -->
+  <div>
+    <div class="flex items-center mb-4">
+      <span class="text-3xl font-bold glow-text">AD</span>
+      <span class="text-3xl font-bold ml-1">STUDIO</span>
     </div>
+    <p class="text-gray-400 mb-4">Game development specialists crafting next-gen experiences.</p>
+    <div class="flex space-x-4 mt-4">
+      <a href="https://twitter.com/ADSoftwaresltd" target="_blank" rel="noopener" aria-label="Twitter"
+         class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[#1F01B9] hover:bg-[#5E43FF] text-white shadow-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#5E43FF]">
+        <i class="fab fa-twitter text-2xl"></i>
+      </a>
+      <a href="https://www.tiktok.com/@ad_softwares?is_from_webapp=1&sender_device=pc" target="_blank" rel="noopener" aria-label="TikTok"
+         class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[#1F01B9] hover:bg-[#5E43FF] text-white shadow-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#5E43FF]">
+        <i class="fab fa-tiktok text-2xl"></i>
+      </a>
+      <a href="https://www.youtube.com/@ADSOFTWARESSTUDIO" target="_blank" rel="noopener" aria-label="YouTube"
+         class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[#1F01B9] hover:bg-[#5E43FF] text-white shadow-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#5E43FF]">
+        <i class="fab fa-youtube text-2xl"></i>
+      </a>
+      <a href="https://linkedin.com/company/YOUR_COMPANY" target="_blank" rel="noopener" aria-label="LinkedIn"
+         class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[#1F01B9] hover:bg-[#5E43FF] text-white shadow-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#5E43FF]">
+        <i class="fab fa-linkedin text-2xl"></i>
+      </a>
+      <a href="https://www.instagram.com/antebellumdigitalsoftwares/" target="_blank" rel="noopener" aria-label="Instagram"
+         class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-[#1F01B9] hover:bg-[#5E43FF] text-white shadow-lg transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#5E43FF]">
+        <i class="fab fa-instagram text-2xl"></i>
+      </a>
+    </div>
+  </div>
+  <!-- 2nd column: OUR WORK -->
+  <div>
+    <h3 class="text-xl font-bold mb-4">OUR WORK</h3>
+    <ul class="space-y-2">
+      <li><a href="#projects" class="text-gray-400 hover:text-white transition-colors">Current Projects</a></li>
+      <li><a href="#video" class="text-gray-400 hover:text-white transition-colors">Game Showcase</a></li>
+      <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">For Clients</a></li>
+      <li><a href="#team" class="text-gray-400 hover:text-white transition-colors">Our Team</a></li>
+    </ul>
+  </div>
+  <!-- 3rd column: SERVICES -->
+  <div>
+    <h3 class="text-xl font-bold mb-4">SERVICES</h3>
+    <ul class="space-y-2">
+      <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Game Development</a></li>
+      <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Co-Development</a></li>
+      <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Prototyping</a></li>
+      <li><a href="#team" class="text-gray-400 hover:text-white transition-colors">Careers</a></li>
+    </ul>
+  </div>
+  <!-- 4th column: CONTACT -->
+  <div>
+    <h3 class="text-xl font-bold mb-4">CONTACT</h3>
+    <ul class="space-y-2">
+      <li><a href="#contact" class="text-gray-400 hover:text-white transition-colors">Get In Touch</a></li>
+      <li><a href="#clients" class="text-gray-400 hover:text-white transition-colors">Request Quote</a></li>
+      <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Press Inquiries</a></li>
+      <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Support</a></li>
+    </ul>
+  </div>
+</div>
+
   </footer>
 
   <script>