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

@@ -1,5 +1,4 @@
 import { fireEvent, render, screen } from "@testing-library/react";
-import type { ReactNode } from "react";
 
 import Hero from "./Hero";
 
@@ -10,30 +9,6 @@ const clients = [
   { id: "as-servicos", name: "AS Serviços" },
 ];
 
-jest.mock("motion/react", () => {
-  const React = require("react");
-
-  const motion = new Proxy(
-    {},
-    {
-      get: (_, tag: string) => {
-        const Component = ({
-          children,
-          initial: _initial,
-          animate: _animate,
-          transition: _transition,
-          ...props
-        }: { children?: ReactNode } & Record<string, unknown>) =>
-          React.createElement(tag, props, children);
-        Component.displayName = `motion.${tag}`;
-        return Component;
-      },
-    },
-  );
-
-  return { motion, useReducedMotion: () => false };
-});
-
 describe("Hero", () => {
   beforeEach(() => {
     jest.spyOn(window, "open").mockImplementation(() => null);
@@ -63,10 +38,21 @@ describe("Hero", () => {
     render(<Hero />);
 
     expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent(
-      "Sistemas sob medida para operações que não cabem em soluções prontas.",
+      "Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.",
     );
   });
 
+  it("highlights only the short stretch 'pedidos pelo WhatsApp' in lime", () => {
+    render(<Hero />);
+
+    const highlighted = Array.from(
+      screen.getByRole("heading", { level: 1 }).querySelectorAll(".hero-word"),
+    )
+      .filter((word) => word.className.includes("text-[var(--slash)]"))
+      .map((word) => word.textContent);
+    expect(highlighted).toEqual(["pedidos", "pelo", "WhatsApp"]);
+  });
+
   it("keeps the single LinkedIn profile and the e-mail, with no GitHub link", () => {
     render(<Hero />);
 
@@ -92,7 +78,7 @@ describe("Hero", () => {
 
     expect(
       screen.getByText(
-        "Para empresas que cresceram além das planilhas e dos sistemas prontos: sites, sistemas web, aplicativos e integrações, com contato direto com quem desenvolve.",
+        "Do catálogo com pedido no WhatsApp ao painel da sua equipe. Você fala direto com quem desenvolve.",
       ),
     ).toBeInTheDocument();
     expect(screen.getByRole("link", { name: /conversar/i })).toHaveAttribute(
@@ -106,6 +92,7 @@ describe("Hero", () => {
 
     expect(screen.getByText("anos de experiência")).toBeInTheDocument();
     expect(screen.getByText("5")).toBeInTheDocument();
+    expect(screen.queryByRole("term")).toBeNull();
     expect(screen.queryByText(/projetos desenvolvidos/i)).toBeNull();
     expect(screen.queryByText(/públicos|privados|mais de/i)).toBeNull();
   });
@@ -134,7 +121,10 @@ describe("Hero", () => {
     }
     expect(images[0]).toHaveAttribute(
       "src",
-      "/videos/lavacao-047/desktop.webp",
+      "/videos/sev-modaintima/desktop.webp",
+    );
+    expect(images[0]).toHaveAccessibleName(
+      "Site da SEV Moda Íntima aberto no computador",
     );
     expect(images[1]).toHaveAttribute("src", "/videos/as-servicos/mobile.webp");
   });