Ajoute une couche de micro-animations sur tout le site

Deux courbes partagées dans lib/motion.ts, pour que le CSS et Framer
aient le même feeling, et quatre primitives que Tailwind ne sait pas
exprimer : reflet de bouton, halo qui suit le curseur, soulignement qui
se dessine, secousse d'erreur.

Nouveaux composants : Stagger (les collections se distribuent une par
une), Spotlight (trouve son parent tout seul, donc les cartes restent
des composants serveur), ScrollProgress, BackToTop, Parallax, Spinner,
CheckMark. Reveal accepte maintenant une direction.

Côté rendu : le trait de nav glisse d'un onglet à l'autre, les cartes
se soulèvent, le hero réagit au scroll, les piliers entrent en zig-zag,
la lightbox glisse dans le sens demandé et les formulaires répondent.

prefers-reduced-motion est respecté partout : Framer coupe via
useReducedMotion, le CSS via la media query déjà en place.

Le commit embarque aussi la réorganisation des composants par domaine
qui était en cours dans l'arbre de travail — les deux étaient trop
imbriquées pour être séparées proprement.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

app/error.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import Link from "next/link";
-import Image from "next/image";
 import { useEffect } from "react";
+import { Logo } from "./components/ui/Logo";
+import { ButtonLink } from "./components/ui/ButtonLink";
 
 export default function Error({
   error,
@@ -36,18 +36,12 @@ export default function Error({
       />
 
       <div className="relative z-10 max-w-2xl w-full text-center pt-24 pb-12">
-        <Image
-          src="/image/Studio/Logo Flat.png"
-          alt=""
-          width={120}
-          height={80}
-          className="mx-auto mb-10 opacity-40"
-        />
+        <Logo width={120} className="mx-auto mb-10 opacity-40" />
 
         <p className="font-display text-sm tracking-[0.3em] text-accent mb-4">
           ERROR
         </p>
-        <h1 className="font-display text-5xl sm:text-6xl lg:text-7xl tracking-wider leading-[0.95] mb-8">
+        <h1 className="font-display text-4xl sm:text-6xl lg:text-7xl tracking-wider leading-[0.95] mb-8">
           AVALANCHE
           <br />
           ON THE PATH.
@@ -62,20 +56,17 @@ export default function Error({
           </p>
         )}
 
-        <div className="flex flex-col sm:flex-row gap-4 justify-center mt-8">
+        <div className="mt-8 flex flex-col items-center gap-4 sm:flex-row sm:justify-center">
           <button
             type="button"
             onClick={reset}
-            className="px-8 py-3 bg-accent text-background font-display tracking-widest text-sm hover:bg-foreground transition-colors"
+            className="sheen relative w-full overflow-hidden bg-accent px-8 py-3 font-display text-sm tracking-widest text-background transition duration-200 ease-out hover:-translate-y-0.5 hover:bg-foreground hover:shadow-[0_14px_30px_-14px_rgba(196,184,150,0.6)] active:scale-[0.97] sm:w-auto"
           >
             TRY AGAIN
           </button>
-          <Link
-            href="/"
-            className="px-8 py-3 border border-border text-foreground font-display tracking-widest text-sm hover:border-accent hover:text-accent transition-colors"
-          >
+          <ButtonLink href="/" variant="outline" block>
             BACK TO BASE CAMP
-          </Link>
+          </ButtonLink>
         </div>
       </div>
     </div>