feat: add animation

2026-02-25 10:11:22 +07:00
parent ecaaf437f0
commit 5ce2890023
12 changed files with 191 additions and 37 deletions
@@ -4,10 +4,10 @@ export function meta() {

 export default function NotFound() {
  return (
-    <div style={{ textAlign: "center", padding: "4rem" }}>
-      <h1>404</h1>
-      <p>Page not found.</p>
-      <a href="/">Go home</a>
+    <div className="flex min-h-screen flex-col items-center justify-center bg-background px-4" style={{ textAlign: "center" }}>
+      <h1 className="text-6xl font-bold text-foreground animate-scale-bounce">404</h1>
+      <p className="mt-4 text-lg text-muted-foreground animate-fade-in-up" style={{ animationDelay: '0.2s' }}>Page not found.</p>
+      <a href="/" className="mt-6 inline-flex items-center gap-2 rounded-lg bg-primary px-6 py-3 text-sm font-medium text-primary-foreground btn-press animate-fade-in-up" style={{ animationDelay: '0.35s' }}>Go home</a>
    </div>
  );
 }