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

@@ -17,15 +17,18 @@ jest.mock("./Section", () => ({
     children,
     id,
     title,
+    description,
     aside,
   }: {
     children?: React.ReactNode;
     id?: string;
     title?: string;
+    description?: string;
     aside?: React.ReactNode;
   }) => (
     <section id={id}>
       <h2>{title}</h2>
+      <p data-testid="about-description">{description}</p>
       {aside}
       {children}
     </section>
@@ -92,7 +95,7 @@ describe("About", () => {
     expect(
       screen.getByRole("heading", {
         level: 3,
-        name: "Você fala direto com quem desenvolve",
+        name: "Sem intermediários entre o pedido e o sistema",
       }),
     ).toBeInTheDocument();
     expect(
@@ -109,11 +112,23 @@ describe("About", () => {
     expect(container.textContent).not.toMatch(
       /protocolos de baixo nível|operabilidade|camada física|sinal físico/i,
     );
-    expect(
-      screen.getByText(
-        "Desde 2022 desenvolvo sistemas internos, aplicativos e integrações IoT na Apolo Energia.",
-      ),
-    ).toBeInTheDocument();
+    // a seção abre pela credencial, logo depois do nome
+    expect(screen.getByRole("heading", { level: 2 })).toHaveTextContent(
+      "Evandro Fonseca Junior",
+    );
+    expect(screen.getByTestId("about-description").textContent).toMatch(
+      /^Engenheiro da computação; desde 2022 desenvolvo os sistemas internos e a IoT da Apolo Energia\./,
+    );
+    // a frase da Apolo aparece uma só vez
+    expect(container.textContent?.match(/Apolo Energia/g)).toHaveLength(1);
+  });
+
+  it("path: 'contato direto', 'fala direto' and 'conversa comigo' no longer repeat in the section", () => {
+    const { container } = render(<About />);
+
+    expect(container.textContent).not.toMatch(
+      /contato direto|fala direto|falar direto|conversa comigo/i,
+    );
   });
 
   it("path: the location label stays on one line and the columns stretch to the same height", () => {