<?php
include("includes/header.php");
?>

<!-- Animated Brands Section with Logos -->
<section class="animated-brands-section">
  <div class="brands-scroll-container">
    <div class="brands-scroll-track">
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/msi.png');"></div>
        <span class="brand-name">MSI</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/asus.png');"></div>
        <span class="brand-name">ASUS</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/acer.png');"></div>
        <span class="brand-name">Acer</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/gigabyte.png');"></div>
        <span class="brand-name">Gigabyte</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/corsair.png');"></div>
        <span class="brand-name">Corsair</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/logitech.png');"></div>
        <span class="brand-name">Logitech</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/dell.png');"></div>
        <span class="brand-name">Dell</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/hp.png');"></div>
        <span class="brand-name">HP</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/lenovo.png');"></div>
        <span class="brand-name">Lenovo</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/intel.png');"></div>
        <span class="brand-name">Intel</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/amd.png');"></div>
        <span class="brand-name">AMD</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/nvidia.png');"></div>
        <span class="brand-name">NVIDIA</span>
      </div>
      <!-- Duplicate for seamless loop -->
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/msi.png');"></div>
        <span class="brand-name">MSI</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/asus.png');"></div>
        <span class="brand-name">ASUS</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/acer.png');"></div>
        <span class="brand-name">Acer</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/gigabyte.png');"></div>
        <span class="brand-name">Gigabyte</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/corsair.png');"></div>
        <span class="brand-name">Corsair</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/logitech.png');"></div>
        <span class="brand-name">Logitech</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/dell.png');"></div>
        <span class="brand-name">Dell</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/hp.png');"></div>
        <span class="brand-name">HP</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/lenovo.png');"></div>
        <span class="brand-name">Lenovo</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/intel.png');"></div>
        <span class="brand-name">Intel</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/amd.png');"></div>
        <span class="brand-name">AMD</span>
      </div>
      <div class="brand-item-logo">
        <div class="brand-logo-img" style="background-image: url('https://img.icons8.com/color/48/nvidia.png');"></div>
        <span class="brand-name">NVIDIA</span>
      </div>
    </div>
  </div>
</section>

<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      
      <!-- Company Info -->
      <div class="footer-col">
        <h2 class="logo">Vertex Tech</h2>
        <p>
          Vertex Tech Store is your trusted partner for premium software licenses, laptops, monitors and accessories.
          We provide genuine products with warranty and excellent customer support.
        </p>
        <p><i class="fas fa-envelope"></i> support@vertextech.com</p>
        <p><i class="fas fa-phone"></i> +91-9999-888-777</p>
        <p><i class="fas fa-map-marker-alt"></i> Mumbai, Maharashtra, India</p>
      </div>

      <!-- Software -->
      <div class="footer-col">
        <h4>Software</h4>
        <ul>
          <li><a href="#">Windows Licenses</a></li>
          <li><a href="#">Antivirus Software</a></li>
          <li><a href="#">VPN Services</a></li>
          <li><a href="#">Office Suites</a></li>
          <li><a href="#">Adobe Creative Suite</a></li>
        </ul>
      </div>

      <!-- Hardware -->
      <div class="footer-col">
        <h4>Hardware</h4>
        <ul>
          <li><a href="#">Business Laptops</a></li>
          <li><a href="#">Gaming Laptops</a></li>
          <li><a href="#">Monitors</a></li>
          <li><a href="#">Accessories</a></li>
          <li><a href="#">Refurbished PCs</a></li>
        </ul>
      </div>

      <!-- Support -->
      <div class="footer-col">
        <h4>Support</h4>
        <ul>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">Installation Guide</a></li>
          <li><a href="#">FAQ</a></li>
          <li><a href="#">Warranty</a></li>
          <li><a href="#">Returns & Refunds</a></li>
        </ul>
      </div>

      <!-- Company -->
      <div class="footer-col">
        <h4>Company</h4>
        <ul>
          <li><a href="#">About Us</a></li>
          <li><a href="#">Privacy Policy</a></li>
          <li><a href="#">Terms of Service</a></li>
          <li><a href="#">Shipping Policy</a></li>
          <li><a href="#">Careers</a></li>
          <li><a href="#" style="color: #4d9eff;">Admin Panel</a></li>
        </ul>
      </div>
    </div>

    <!-- Bottom Row -->
    <div class="footer-bottom">
      <div class="social-icons">
        <a href="#"><i class="fab fa-facebook-f"></i></a>
        <a href="#"><i class="fab fa-twitter"></i></a>
        <a href="#"><i class="fab fa-linkedin-in"></i></a>
        <a href="#"><i class="fab fa-youtube"></i></a>
      </div>
      <div class="payments">
        <img src="https://img.icons8.com/color/48/visa.png" alt="Visa">
        <img src="https://img.icons8.com/color/48/mastercard.png" alt="Mastercard">
        <img src="https://img.icons8.com/color/48/paypal.png" alt="Paypal">
        <img src="https://img.icons8.com/color/48/bank-card-back-side.png" alt="Bank">
      </div>
    </div>

    <p class="copyright">
      © 2025 Vertex Tech Store. All rights reserved. | Made with ❤️ in India
    </p>
  </div>
</footer>
