{% include newsletter-signup.html %}

<footer class="site-footer" role="contentinfo" aria-label="Site footer">
  <div class="container">
    <div class="footer-content">
      <div class="footer-section">
        <h3>{{ site.title }}</h3>
        <p>{{ site.description }}</p>
      </div>

      <div class="footer-section">
        <h4>Quick Links</h4>
        <nav aria-label="Footer navigation">
          <ul>
            <li><a href="{{ '/' | relative_url }}">Home</a></li>
            <li><a href="{{ '/about' | relative_url }}">About</a></li>
            <li><a href="{{ '/portfolio' | relative_url }}">Portfolio</a></li>
            <li><a href="{{ '/contact' | relative_url }}">Contact</a></li>
          </ul>
        </nav>
      </div>

      <div class="footer-section">
        <h4>Contact</h4>
        <ul>
          <li><a href="mailto:{{ site.email }}" aria-label="Email us at {{ site.email }}">{{ site.email }}</a></li>
          {% if site.phone %}
          <li><a href="tel:{{ site.phone }}" aria-label="Call us at {{ site.phone }}">{{ site.phone }}</a></li>
          {% endif %}
        </ul>
      </div>

      <div class="footer-section">
        <h4>Follow Us</h4>
        <ul class="social-links" role="list" aria-label="Social media links">
          {% if site.github_username %}
          <li><a href="https://github.com/{{ site.github_username }}" target="_blank" rel="noopener noreferrer" aria-label="Visit our GitHub profile (opens in new window)">GitHub</a></li>
          {% endif %}
          {% if site.twitter_username %}
          <li><a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" rel="noopener noreferrer" aria-label="Visit our Twitter profile (opens in new window)">Twitter</a></li>
          {% endif %}
          {% if site.linkedin_username %}
          <li><a href="https://linkedin.com/in/{{ site.linkedin_username }}" target="_blank" rel="noopener noreferrer" aria-label="Visit our LinkedIn profile (opens in new window)">LinkedIn</a></li>
          {% endif %}
        </ul>
      </div>
    </div>

    <div class="footer-bottom">
      <p>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}. All rights reserved.</p>
    </div>
  </div>
</footer>