feat(home): ofertas que vendem o título, WhatsApp no hero e menu do celular acessível

Três ofertas (site que traz pedidos pelo WhatsApp, sistema para tirar a operação da planilha, revisão de sistema existente) com miniatura e formulário com o tipo escolhido; botão principal do hero abre o WhatsApp; moldura da SEV no hero do celular; menu fecha ao navegar, Esc, foco preso incluindo a barra de cookies e espaço para ela; CinematicHome como componente de servidor com ilha cliente; /ia com H1 de oferta e cartão do que você recebe; botão flutuante em aside com transform; AVIF antes de WebP; copy sem repetir contato direto.

app/components/Hero.tsx

@@ -4,10 +4,12 @@ import Link from "next/link";
 import { type CSSProperties, Fragment } from "react";
 import { trackEmailClick, trackSocialClick } from "@/lib/analytics";
 import { CONTACT_EMAIL, LINKEDIN_URL } from "@/lib/site-navigation";
+import { HOME_SUBJECT } from "@/lib/whatsapp";
 import ClientStrip, { type ClientLink } from "./ClientStrip";
 import HeroField from "./cinematic/HeroField";
 import { HERO_CTA_ID } from "./FloatingWhatsApp";
 import HeroWork, { type HeroWorkUrl } from "./HeroWork";
+import WhatsAppLink from "./WhatsAppLink";
 
 const SOCIAL_LINKS = [
   {
@@ -108,9 +110,11 @@ export default function Hero({
           </p>
 
           <div className="hero-in mt-sp-5 flex flex-col gap-sp-3 [--d:.65s] sm:flex-row sm:flex-wrap sm:items-center">
-            <Link
+            {/* Abre o WhatsApp direto, com o assunto da home: o formulário continua na seção de contato, ao fim da página. */}
+            <WhatsAppLink
               id={HERO_CTA_ID}
-              href="/#contact"
+              service={HOME_SUBJECT}
+              placement="hero"
               className="group inline-flex min-h-12 items-center justify-center gap-sp-3 bg-[var(--slash)] px-sp-4 py-sp-3 text-center text-[15px] font-semibold leading-6 text-[var(--ink)] no-underline transition-colors hover:bg-[#d9ff40] motion-reduce:transition-none sm:px-sp-6 sm:text-[16px]"
             >
               Conversar sobre meu projeto
@@ -124,7 +128,7 @@ export default function Hero({
               >
                 <path d="M2 8h11M9 3.5 13.5 8 9 12.5" />
               </svg>
-            </Link>
+            </WhatsAppLink>
             <Link
               href="/cases"
               className="inline-flex min-h-12 items-center justify-center border border-white/25 bg-transparent px-sp-5 py-sp-3 text-center text-[15px] font-medium leading-6 text-[#f4f2ed] no-underline transition-colors hover:border-white/55 motion-reduce:transition-none sm:text-[16px]"