<footer class="footer">
  <div class="footer-container">
    <div class="footer-content">
      <!-- Left: Logo -->
      <div class="footer-logo-box">
        <img src="{{ asset('img/company-logo.png') }}" alt="Trinexa Logo" class="footer-logo-img">
        <span class="footer-logo-text">Trinexa</span>
      </div>

      <!-- Center: Links -->
      <ul class="footer-links">
        <li><a href="#hero">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#hiring">Hiring</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>

      <!-- Right: Social + Contact + Copyright -->
      <div class="footer-right">
        <!-- Social -->
        <div class="footer-social">
          <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-instagram"></i></a>
        </div>

        <!-- Contact Email -->
        <div class="footer-email">
          <p>Email: <a href="mailto:info@trinexa.com">info@trinexa.com</a></p>
        </div>

        <!-- Copyright -->
        <div class="footer-bottom">
          <p>© <span id="year"></span> Trinexa. All Rights Reserved.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Scroll to Top Button -->
  <button id="scrollTopBtn" class="scroll-top">
    <i class="fas fa-arrow-up"></i>
  </button>
</footer>