firefrost-website/_includes/footer.njk

<footer class="ffg-footer" style="margin-top: 100px; padding: 80px 60px 50px; background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 100%); border-top: 3px solid rgba(78, 205, 196, 0.4);">
  <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; margin-bottom: 50px; max-width: 1600px; margin-left: auto; margin-right: auto;">
    
    <!-- About Column -->
    <div>
      <h4 style="color: #4ecdc4; margin-bottom: 20px; font-weight: 700;">Firefrost Gaming</h4>
      <p style="color: #a8dadc; line-height: 1.7; margin-bottom: 20px;">Building a gaming refuge where passion meets precision through creative transformation.</p>
      <p class="tagline" style="color: #FFD700; font-weight: 600;">Fire + Arcane + Frost = Forever 🔥⚡❄️</p>
    </div>
    
    <!-- Links Column -->
    <div>
      <h4 style="color: #ff6b35; margin-bottom: 20px; font-weight: 700;">Quick Links</h4>
      <ul style="list-style: none; padding: 0; margin: 0;">
        <li style="margin-bottom: 12px;"><a href="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
        <li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
        <li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</a></li>
        <li style="margin-bottom: 12px;"><a href="https://status.firefrostgaming.com" style="color: #a8dadc; text-decoration: none;">Status Page</a></li>
      </ul>
      
      <h4 style="color: #4ecdc4; margin-bottom: 20px; margin-top: 35px; font-weight: 700;">Legal</h4>
      <ul style="list-style: none; padding: 0; margin: 0;">
        <li style="margin-bottom: 12px;"><a href="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
        <li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
        <li style="margin-bottom: 12px;"><a href="/contact" style="color: #a8dadc; text-decoration: none;">Contact</a></li>
      </ul>
    </div>
    
    <!-- Community Column -->
    <div>
      <h4 style="color: #a855f7; margin-bottom: 20px; font-weight: 700;">Community</h4>
      <ul style="list-style: none; padding: 0; margin: 0;">
        <li style="margin-bottom: 12px;">
          <a href="https://linktr.ee/firefrostgaming" style="display: flex; align-items: center; gap: 10px; color: #FFD700; text-decoration: none; font-weight: 600;">
            <img src="https://cdn.simpleicons.org/linktree/FFD700" alt="Linktree" style="width: 20px; height: 20px;" />
            All Our Socials
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="/discord" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/discord" alt="Discord" style="width: 20px; height: 20px;" />
            Discord
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://twitter.com/PlayFirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/x" alt="X/Twitter" style="width: 20px; height: 20px;" />
            Twitter/X
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://instagram.com/playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/instagram" alt="Instagram" style="width: 20px; height: 20px;" />
            Instagram
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://reddit.com/r/FirefrostGaming" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/reddit" alt="Reddit" style="width: 20px; height: 20px;" />
            Reddit
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://tiktok.com/@playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/tiktok" alt="TikTok" style="width: 20px; height: 20px;" />
            TikTok
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://twitch.tv/playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/twitch" alt="Twitch" style="width: 20px; height: 20px;" />
            Twitch
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://www.facebook.com/FirefrostGaming/" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/facebook" alt="Facebook" style="width: 20px; height: 20px;" />
            Facebook
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://bsky.app/profile/playfirefrost.bsky.social" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/bluesky" alt="BlueSky" style="width: 20px; height: 20px;" />
            BlueSky
          </a>
        </li>
        <li style="margin-bottom: 12px;">
          <a href="https://youtube.com/@playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
            <img src="https://cdn.simpleicons.org/youtube" alt="YouTube" style="width: 20px; height: 20px;" />
            YouTube
          </a>
        </li>
      </ul>
    </div>
    
  </div>
  
  <div style="text-align: center; padding-top: 40px; border-top: 2px solid rgba(78, 205, 196, 0.3);">
    <p class="copyright" style="color: #6b7280; margin: 0;">© 2026 Firefrost Gaming. Built for children not yet born.</p>
    <p class="credits" style="color: #6b7280; margin-top: 10px; font-size: 0.9rem;">Trinity Skins by <a href="https://www.fiverr.com/luansilvacosta" style="color: #4ecdc4; text-decoration: none;">Luan Cruz</a> • Website by The Trinity</p>
    <p class="bottom-tagline" style="color: #4ecdc4; margin-top: 15px;">Minnesota | Fire + Frost + Foundation = Where Love Builds Legacy 💙</p>
  </div>
</footer>