feat(story): celular CC0 com site vivo na tela, ReelDirector scrub em todas as seções e filmstrip pinado de prints reais

app/components/Contact.tsx

@@ -90,19 +90,29 @@ export default function Contact() {
           whileTap={shouldReduceMotion ? undefined : { scale: 0.995 }}
           transition={{ type: "spring", stiffness: 180, damping: 18 }}
         >
-          <div className="ds-kicker">Availability</div>
+          <div className="ds-kicker" data-reel="left">
+            Availability
+          </div>
           <DrawLine delay={0.04} />
-          <h3 className="ds-card-title">Resposta inicial em ate 24h</h3>
-          <p className="ds-copy">
+          <h3 className="ds-card-title" data-reel="top">
+            Resposta inicial em ate 24h
+          </h3>
+          <p className="ds-copy" data-reel="right">
             Ideal para discovery tecnico, revisao de arquitetura, rescue de
             projeto, performance ou construcao de produto com ownership real.
           </p>
-          <div className="mt-sp-6 space-y-sp-4 text-[13px] leading-7 text-[rgba(255,255,255,.85)]">
+          <div
+            className="mt-sp-6 space-y-sp-4 text-[13px] leading-7 text-[rgba(255,255,255,.85)]"
+            data-reel-stagger="bottom"
+          >
             <div>WhatsApp: {whatsAppDisplay}</div>
             <div>E-mail: evandrofonsecajunior@gmail.com</div>
             <div>Base: Garuva, Santa Catarina | atuacao remota</div>
           </div>
-          <div className="mt-sp-6 border-t border-[rgba(255,255,255,.08)] pt-sp-4 text-[12px] leading-6 text-[rgba(255,255,255,.75)]">
+          <div
+            className="mt-sp-6 border-t border-[rgba(255,255,255,.08)] pt-sp-4 text-[12px] leading-6 text-[rgba(255,255,255,.75)]"
+            data-reel="fade"
+          >
             Envie contexto, prazo e objetivo. Eu cuido de transformar isso em
             conversa tecnica objetiva.
           </div>