feat: hide easter egg hint until first discovery

Remove the "Try other HTTP status codes..." hint from the default 404 page.
Now the hint only appears AFTER discovering the first easter egg, preserving
the element of surprise and discovery.

Let users stumble upon the easter eggs organically!

🤖 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:43:07 -06:00
parent e88380a48d
commit c2c71531ae
1 changed files with 15 additions and 15 deletions

View File

@ -448,21 +448,21 @@ export default function NotFound() {
</div>
{/* Easter egg hint */}
<p
className={css({
fontSize: { base: "0.75rem", sm: "0.875rem" },
color: currentTheme?.textColor || "text.secondary",
opacity: currentTheme ? 0.8 : 0.6,
marginTop: { base: "1.5rem", sm: "2rem" },
fontStyle: "italic",
transition: "all 0.6s ease-in-out",
fontWeight: "medium",
})}
>
{activeEasterEgg
? "✨ Click the beads to discover more codes..."
: "🔍 Try other HTTP status codes..."}
</p>
{activeEasterEgg && (
<p
className={css({
fontSize: { base: "0.75rem", sm: "0.875rem" },
color: currentTheme?.textColor || "text.secondary",
opacity: 0.8,
marginTop: { base: "1.5rem", sm: "2rem" },
fontStyle: "italic",
transition: "all 0.6s ease-in-out",
fontWeight: "medium",
})}
>
Click the beads to discover more codes...
</p>
)}
</div>
</div>
</PageWithNav>