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/WhatsAppLink.test.tsx

@@ -41,6 +41,23 @@ it("talks about the service when one is given", () => {
   );
 });
 
+it("takes an id, so the floating shortcut can find the invitation it replaces", () => {
+  render(
+    <WhatsAppLink id="hero-contact-cta" placement="hero">
+      Conversar
+    </WhatsAppLink>,
+  );
+  expect(screen.getByRole("link", { name: "Conversar" })).toHaveAttribute(
+    "id",
+    "hero-contact-cta",
+  );
+
+  render(<WhatsAppLink placement="hero">Sem id</WhatsAppLink>);
+  expect(screen.getByRole("link", { name: "Sem id" })).not.toHaveAttribute(
+    "id",
+  );
+});
+
 it("talks about 'um projeto' when no service is given", () => {
   render(<WhatsAppLink placement="contact_direct">Conversar</WhatsAppLink>);