feat(home): posicionamento com prova, menu sem recarregar e WhatsApp em todo o site

H1 'Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.'; HeroWork maior com a SEV; menu Cases, Serviços, Como trabalho, Sobre e IA com next/link e pré-carregamento no hover; menu do celular em tela cheia; WhatsApp flutuante e no rodapé com a mensagem da rota; rodapé em todas as páginas; FAQ da home; /ia como oferta de revisão de app feito com IA; formulário com noscript, validação do mailto e plano B do pop-up; cartões sem foco indevido; sem a fonte Monument.

app/components/FloatingWhatsApp.tsx

@@ -1,6 +1,8 @@
 "use client";
 
+import { usePathname } from "next/navigation";
 import { useEffect, useState } from "react";
+import { type WhatsAppContexts, whatsAppSubjectForPath } from "@/lib/whatsapp";
 import WhatsAppLink from "./WhatsAppLink";
 import { WhatsAppMark } from "./WhatsAppMark";
 
@@ -9,17 +11,28 @@ export const HERO_CTA_ID = "hero-contact-cta";
 const CONTACT_SECTION_ID = "contact";
 
 /**
- * Atalho para o WhatsApp só no celular (abaixo de 768 px). Fica escondido quando já há um convite de contato
- * à vista e sobe a altura da barra de cookies (--cookie-bar-height, publicada por GoogleAnalytics) enquanto ela está aberta.
+ * Atalho para o WhatsApp só no celular (abaixo de 768 px), montado no layout para valer em todo o site. A mensagem
+ * cita o serviço ou o case da página aberta. Fica escondido quando já há um convite de contato à vista (hero e
+ * contato da home) e sobe a altura da barra de cookies (--cookie-bar-height, publicada por GoogleAnalytics) enquanto ela está aberta.
  */
-export default function FloatingWhatsApp() {
+export default function FloatingWhatsApp({
+  contexts,
+}: {
+  /** Nomes dos serviços e dos cases, montados no servidor (app/layout.tsx). */
+  contexts?: WhatsAppContexts;
+}) {
+  const pathname = usePathname();
+  const subject = whatsAppSubjectForPath(pathname, contexts);
   // null até o observador responder pela primeira vez: assim o botão não pisca na chegada, quando o hero está à vista
   const [inviteVisible, setInviteVisible] = useState<Record<
     string,
     boolean
   > | null>(null);
 
+  // o botão vive no layout: a cada página o hero e o contato (que só existem na home) entram ou saem de cena
+  // biome-ignore lint/correctness/useExhaustiveDependencies: pathname só reinicia a observação a cada página
   useEffect(() => {
+    setInviteVisible(null);
     const targets = [HERO_CTA_ID, CONTACT_SECTION_ID]
       .map((id) => document.getElementById(id))
       .filter((element): element is HTMLElement => element !== null);
@@ -39,7 +52,7 @@ export default function FloatingWhatsApp() {
     });
     for (const target of targets) observer.observe(target);
     return () => observer.disconnect();
-  }, []);
+  }, [pathname]);
 
   if (!inviteVisible || Object.values(inviteVisible).some(Boolean)) return null;
 
@@ -47,6 +60,7 @@ export default function FloatingWhatsApp() {
     <div className="fixed right-sp-4 bottom-[calc(var(--sp-4)+env(safe-area-inset-bottom)+var(--cookie-bar-height,0px))] z-[8900] transition-[bottom] duration-200 motion-reduce:transition-none md:hidden">
       <WhatsAppLink
         placement="floating"
+        service={subject}
         className="flex h-14 w-14 items-center justify-center rounded-full bg-[#25d366] text-[#071b10] shadow-[0_8px_24px_rgba(0,0,0,0.45)] transition-colors hover:bg-[#54e58b] motion-reduce:transition-none"
       >
         <WhatsAppMark className="h-7 w-7" />