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:
parent
17561829ef
commit
e5262e5007
|
|
@ -357,96 +357,6 @@ export default function NotFound() {
|
|||
: "Oops! We've lost count."}
|
||||
</h1>
|
||||
</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>
|
||||
</PageWithNav>
|
||||
|
|
|
|||
Loading…
Reference in New Issue