From ccc1164fa8b7689b7e528c2d1bab38755cbc8ef8 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Thu, 25 Dec 2025 23:38:13 -0800
Subject: [PATCH] Polish: footer touch targets, cleanup unused code

---
 frontend/app/page.tsx                 | 17 ++---------------
 frontend/components/layout/footer.tsx | 10 +++++-----
 2 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index 50513fb..c7aabec 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -1,7 +1,7 @@
 import { ActivityFeed } from "@/components/feed/activity-feed"
 import { XPLeaderboard } from "@/components/gamification/xp-leaderboard"
 import { Button } from "@/components/ui/button"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Card, CardContent } from "@/components/ui/card"
 import Link from "next/link"
 import { Trophy, Music, MapPin, Calendar, ChevronRight, Star, Youtube, Route } from "lucide-react"
 import { getApiUrl } from "@/lib/api-config"
@@ -60,20 +60,7 @@ async function getTopSongs(): Promise<Song[]> {
   }
 }
 
-async function getStats() {
-  try {
-    const [showsRes, songsRes, venuesRes] = await Promise.all([
-      fetch(`${getApiUrl()}/shows?limit=1`, { cache: 'no-store' }),
-      fetch(`${getApiUrl()}/songs?limit=1`, { cache: 'no-store' }),
-      fetch(`${getApiUrl()}/venues?limit=1`, { cache: 'no-store' })
-    ])
-    // These endpoints return arrays, we need to get counts differently
-    // For now we'll just show the data we have
-    return { shows: 0, songs: 0, venues: 0 }
-  } catch (e) {
-    return { shows: 0, songs: 0, venues: 0 }
-  }
-}
+
 
 export default async function Home() {
   const [recentShows, topSongs] = await Promise.all([
diff --git a/frontend/components/layout/footer.tsx b/frontend/components/layout/footer.tsx
index da36ac8..44d36b8 100644
--- a/frontend/components/layout/footer.tsx
+++ b/frontend/components/layout/footer.tsx
@@ -57,11 +57,11 @@ export function Footer() {
                         </div>
 
                         {/* System Links */}
-                        <nav className="flex flex-wrap items-center justify-center gap-4 md:gap-6 text-sm text-muted-foreground">
-                            <Link href="/about" className="hover:underline hover:text-foreground">About</Link>
-                            <Link href="/terms" className="hover:underline hover:text-foreground">Terms</Link>
-                            <Link href="/privacy" className="hover:underline hover:text-foreground">Privacy</Link>
-                            <Link href="/bugs" className="hover:underline hover:text-foreground">Report Bug</Link>
+                        <nav className="flex flex-wrap items-center justify-center gap-1 md:gap-4 text-sm text-muted-foreground">
+                            <Link href="/about" className="hover:underline hover:text-foreground px-3 py-2">About</Link>
+                            <Link href="/terms" className="hover:underline hover:text-foreground px-3 py-2">Terms</Link>
+                            <Link href="/privacy" className="hover:underline hover:text-foreground px-3 py-2">Privacy</Link>
+                            <Link href="/bugs" className="hover:underline hover:text-foreground px-3 py-2">Report Bug</Link>
                         </nav>
                     </div>
                 </div>