From 114ecf5f52349a04e0fd97a46e7dcdad4b79c346 Mon Sep 17 00:00:00 2001
From: Jared Schoeny <jared@schoeny.com>
Date: Thu, 9 Oct 2025 23:53:45 -1000
Subject: [PATCH] Add more placeholder links to Footer

---
 src/components/Footer.tsx | 58 +++++++++++++++++++++++++++++++--------
 1 file changed, 47 insertions(+), 11 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 53d2656..e0d3964 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -4,7 +4,7 @@ export default function Footer() {
   return (
     <footer className="border-t border-white/10">
       <div className="mx-auto max-w-screen-2xl px-6 py-8 text-sm text-foreground/70">
-        <div className="flex items-start justify-between">
+        <div className="flex flex-col gap-6 md:flex-row md:items-start md:justify-between">
           <div>
             <p>© {new Date().getFullYear()} Hackdex</p>
             <p className="mt-2 max-w-2xl text-xs text-foreground/60">
@@ -13,17 +13,53 @@ export default function Footer() {
               affiliated with, endorsed, or sponsored by Nintendo, The Pokémon Company, or GAME FREAK.
               Please support them by purchasing their most recent games.
             </p>
+            <p className="mt-2 max-w-2xl text-xs text-foreground/60">
+              We host only patch files, never ROMs. When using our patcher, your legally-obtained ROMs never leave your device.
+            </p>
           </div>
-          <div className="flex items-center gap-4">
-            <Link href="/discover" className="hover:underline">
-              Discover
-            </Link>
-            <Link href="/submit" className="hover:underline">
-              Submit
-            </Link>
-            <Link href="/login" className="hover:underline font-medium text-foreground">
-              Already a creator? Log in
-            </Link>
+          <div className="grid grid-cols-1 gap-x-12 gap-y-8 sm:gap-y-4 sm:grid-cols-2 md:grid-cols-3 md:min-w-[465px]">
+            <div>
+              <div className="mb-3 pb-2 border-b border-white/10 text-xs font-medium uppercase tracking-wider text-foreground/80">Product</div>
+              <ul className="space-y-1.5 sm:space-y-2">
+                <li>
+                  <Link href="/discover" className="block py-1 hover:underline">Discover</Link>
+                </li>
+                <li>
+                  <Link href="/submit" className="block py-1 hover:underline">Submit</Link>
+                </li>
+                <li>
+                  <Link href="/login" className="block py-1 hover:underline">Log in</Link>
+                </li>
+              </ul>
+            </div>
+            <div>
+              <div className="mb-3 pb-2 border-b border-white/10 text-xs font-medium uppercase tracking-wider text-foreground/80">Legal</div>
+              <ul className="space-y-1.5 sm:space-y-2">
+                <li>
+                  <Link href="/terms" className="block py-1 hover:underline">Terms of Service</Link>
+                </li>
+                <li>
+                  <Link href="/privacy" className="block py-1 hover:underline">Privacy Policy</Link>
+                </li>
+                <li>
+                  <Link href="/cookies" className="block py-1 hover:underline">Cookie Preferences</Link>
+                </li>
+                <li>
+                  <Link href="/dmca" className="block py-1 hover:underline">DMCA / Takedown</Link>
+                </li>
+              </ul>
+            </div>
+            <div>
+              <div className="mb-3 pb-2 border-b border-white/10 text-xs font-medium uppercase tracking-wider text-foreground/80">Support</div>
+              <ul className="space-y-1.5 sm:space-y-2">
+                <li>
+                  <Link href="/contact" className="block py-1 hover:underline">Contact</Link>
+                </li>
+                <li>
+                  <Link href="/report" className="block py-1 hover:underline">Report Content</Link>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
       </div>