From d0f19fc666513352ee666aa871f73b3efe8d4ca8 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Thu, 25 Dec 2025 22:14:53 -0800
Subject: [PATCH] 404: Replace emoji with Bird SVG icon, no emojis

---
 frontend/app/not-found.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/app/not-found.tsx b/frontend/app/not-found.tsx
index ac284ea..918f411 100644
--- a/frontend/app/not-found.tsx
+++ b/frontend/app/not-found.tsx
@@ -2,7 +2,7 @@
 
 import Link from "next/link"
 import { Button } from "@/components/ui/button"
-import { Home, Search, Shuffle, ArrowLeft, Music, Disc3 } from "lucide-react"
+import { Home, Search, Shuffle, ArrowLeft, Music, Bird } from "lucide-react"
 import { useState, useEffect } from "react"
 
 const GOOSE_QUOTES = [
@@ -27,7 +27,7 @@ const SONG_SUGGESTIONS = [
 ]
 
 export default function NotFound() {
-    const [quote, setQuote] = useState("")
+    const [quote, setQuote] = useState(GOOSE_QUOTES[0])
     const [suggestion, setSuggestion] = useState(SONG_SUGGESTIONS[0])
     const [isSpinning, setIsSpinning] = useState(false)
 
@@ -48,14 +48,15 @@ export default function NotFound() {
 
     return (
         <div className="flex flex-col items-center justify-center min-h-[70vh] text-center px-4">
-            {/* Animated Goose/Music Icon */}
-            <div className="relative mb-6 group cursor-pointer" onClick={shuffleQuote}>
-                <div className={`transition-transform duration-300 ${isSpinning ? 'rotate-180 scale-110' : ''}`}>
-                    <Disc3 className="h-32 w-32 text-primary/20 group-hover:text-primary/40 transition-colors" />
+            {/* Animated Bird Icon */}
+            <div
+                className="relative mb-6 cursor-pointer group"
+                onClick={shuffleQuote}
+                title="Click to shuffle quote"
+            >
+                <div className={`p-6 rounded-full bg-primary/10 transition-all duration-300 group-hover:bg-primary/20 ${isSpinning ? 'rotate-12 scale-110' : ''}`}>
+                    <Bird className="h-20 w-20 text-primary transition-transform group-hover:scale-105" />
                 </div>
-                <span className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-6xl group-hover:scale-110 transition-transform">
-                    🦆
-                </span>
             </div>
 
             {/* 404 Header */}