feat: remove redundant navigation buttons from 404 page

Remove the three navigation buttons (Home, Games, Create) since the app
already has a navigation bar. Keep the page clean and focused on the
interactive abacus easter egg experience.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-11-08 14:44:41 -06:00
parent 17561829ef
commit e5262e5007
1 changed files with 0 additions and 90 deletions

View File

@ -357,96 +357,6 @@ export default function NotFound() {
: "Oops! We've lost count."} : "Oops! We've lost count."}
</h1> </h1>
</div> </div>
{/* Navigation links */}
<div
className={css({
display: "flex",
gap: { base: "0.75rem", sm: "1rem" },
flexWrap: "wrap",
justifyContent: "center",
marginTop: { base: "1rem", sm: "1.5rem" },
})}
>
<Link
href="/"
className={css({
px: { base: "1.5rem", sm: "2rem" },
py: { base: "0.75rem", sm: "1rem" },
bg: "blue.600",
color: "white",
borderRadius: "0.75rem",
fontWeight: "bold",
fontSize: { base: "0.875rem", sm: "1rem" },
textDecoration: "none",
transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
_hover: {
bg: "blue.700",
transform: "translateY(-4px) scale(1.05)",
boxShadow: "0 10px 20px rgba(37, 99, 235, 0.4)",
},
_active: {
transform: "translateY(-2px)",
},
})}
>
🏠 Home
</Link>
<Link
href="/games"
className={css({
px: { base: "1.5rem", sm: "2rem" },
py: { base: "0.75rem", sm: "1rem" },
bg: "purple.600",
color: "white",
borderRadius: "0.75rem",
fontWeight: "bold",
fontSize: { base: "0.875rem", sm: "1rem" },
textDecoration: "none",
transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
_hover: {
bg: "purple.700",
transform: "translateY(-4px) scale(1.05)",
boxShadow: "0 10px 20px rgba(147, 51, 234, 0.4)",
},
_active: {
transform: "translateY(-2px)",
},
})}
>
🎮 Games
</Link>
<Link
href="/create"
className={css({
px: { base: "1.5rem", sm: "2rem" },
py: { base: "0.75rem", sm: "1rem" },
bg: "green.600",
color: "white",
borderRadius: "0.75rem",
fontWeight: "bold",
fontSize: { base: "0.875rem", sm: "1rem" },
textDecoration: "none",
transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
_hover: {
bg: "green.700",
transform: "translateY(-4px) scale(1.05)",
boxShadow: "0 10px 20px rgba(34, 197, 94, 0.4)",
},
_active: {
transform: "translateY(-2px)",
},
})}
>
Create
</Link>
</div>
</div> </div>
</div> </div>
</PageWithNav> </PageWithNav>