turbovault-app/app/views/layouts/_footer.html.erb

<footer class="bg-gray-800 text-white mt-12">
  <div class="max-w-7xl mx-auto px-4 py-8">
    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
      <!-- About -->
      <div>
        <h3 class="text-lg font-bold mb-4">TurboVault</h3>
        <p class="text-gray-400 text-sm">
          Your personal video game collection tracker. Organize, track, and showcase your gaming library.
        </p>
      </div>

      <!-- Quick Links -->
      <div>
        <h3 class="text-lg font-bold mb-4">Quick Links</h3>
        <ul class="space-y-2 text-sm">
          <% if user_signed_in? %>
            <li><%= link_to "Dashboard", dashboard_path, class: "text-gray-400 hover:text-white" %></li>
            <li><%= link_to "Games", games_path, class: "text-gray-400 hover:text-white" %></li>
            <li><%= link_to "Collections", collections_path, class: "text-gray-400 hover:text-white" %></li>
            <li><%= link_to "Settings", settings_path, class: "text-gray-400 hover:text-white" %></li>
          <% else %>
            <li><%= link_to "Home", root_path, class: "text-gray-400 hover:text-white" %></li>
            <li><%= link_to "Sign Up", signup_path, class: "text-gray-400 hover:text-white" %></li>
            <li><%= link_to "Login", login_path, class: "text-gray-400 hover:text-white" %></li>
          <% end %>
        </ul>
      </div>

      <!-- Features -->
      <div>
        <h3 class="text-lg font-bold mb-4">Features</h3>
        <ul class="space-y-2 text-sm text-gray-400">
          <li>📚 Track Physical & Digital Games</li>
          <li>🎮 IGDB Integration</li>
          <li>📊 Collection Statistics</li>
          <li>🔐 RESTful API Access</li>
        </ul>
      </div>

      <!-- Resources -->
      <div>
        <h3 class="text-lg font-bold mb-4">Resources</h3>
        <ul class="space-y-2 text-sm">
          <li><%= link_to "API Documentation", api_docs_path, class: "text-gray-400 hover:text-white" %></li>
          <li>
            <a href="https://github.com/ryankazokas/turbovault-app" target="_blank" class="text-gray-400 hover:text-white">
              GitHub
            </a>
          </li>
          <li>
            <a href="https://www.igdb.com" target="_blank" class="text-gray-400 hover:text-white">
              Powered by IGDB
            </a>
          </li>
        </ul>
      </div>
    </div>

    <!-- Bottom Bar -->
    <div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm text-gray-400">
      <p>&copy; <%= Time.current.year %> TurboVault. Built with Rails 8 & Hotwire.</p>
      <p class="mt-1">
        Game data supplied by 
        <a href="https://www.igdb.com/" target="_blank" rel="noopener noreferrer" class="text-indigo-400 hover:text-indigo-300">
          IGDB
        </a>
      </p>
      <p class="mt-2">
        <% if user_signed_in? %>
          Logged in as <strong><%= current_user.username %></strong>
        <% else %>
          <%= link_to "Create an account", signup_path, class: "text-indigo-400 hover:text-indigo-300" %> to get started
        <% end %>
      </p>
    </div>
  </div>
</footer>