feat(home): prova no topo, contato sem atrito e conversão medida

Home mais curta (hero, vitrine de clientes, sobre, serviços, IA resumida, depoimentos e contato), faixa de clientes e telas reais no hero, sem números do GitHub. Barra de cookies fina, WhatsApp fixo no celular, formulário com e-mail opcional e alternativa por e-mail, página /ia, eventos de e-mail, redes e currículo e conversão do Ads opcional por variável. Rodapé em 3 colunas. Remove componentes órfãos (LighthouseMetrics, Skills, Experience, contagem do GitHub).

app/components/GoogleAnalytics.test.tsx

@@ -1,6 +1,7 @@
-import { render, screen, waitFor } from "@testing-library/react";
+import { act, render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import type { ComponentProps } from "react";
+import { openCookiePreferences } from "@/lib/analytics";
 import GoogleAnalytics from "./GoogleAnalytics";
 
 jest.mock("next/script", () => ({
@@ -55,24 +56,49 @@ describe("GoogleAnalytics consent", () => {
     render(<GoogleAnalytics />);
 
     expect(
-      await screen.findByRole("button", { name: "Aceitar analytics" }),
+      await screen.findByRole("button", { name: "Aceitar" }),
     ).toBeVisible();
-    expect(screen.getByRole("dialog")).toHaveAccessibleDescription();
+    expect(screen.getByRole("button", { name: "Recusar" })).toBeVisible();
+    expect(screen.getByRole("dialog")).toHaveAccessibleDescription(
+      /Usamos métricas de navegação do Google só se você permitir\./,
+    );
     expect(
       screen.queryByTestId("google-analytics-script"),
     ).not.toBeInTheDocument();
     expect(
-      screen.getByRole("link", { name: "Ler política de privacidade" }),
+      screen.getByRole("link", { name: "Política de privacidade" }),
     ).toHaveAttribute("href", "/privacidade");
+    expect(analyticsWindow.dataLayer).toBeUndefined();
+  });
+
+  it("keeps the prompt as a thin bottom bar and publishes its height while it is open", async () => {
+    const user = userEvent.setup();
+    render(<GoogleAnalytics />);
+
+    const bar = await screen.findByRole("dialog");
+    expect(bar).toHaveClass("fixed", "inset-x-0", "bottom-0");
+    expect(document.documentElement).toHaveAttribute("data-cookie-bar", "open");
+    expect(
+      document.documentElement.style.getPropertyValue("--cookie-bar-height"),
+    ).toMatch(/^\d+px$/);
+    // o link vem antes dos botões na ordem de Tab dentro da barra
+    expect(bar.querySelector("a, button")).toBe(
+      screen.getByRole("link", { name: "Política de privacidade" }),
+    );
+
+    await user.click(screen.getByRole("button", { name: "Recusar" }));
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    expect(document.documentElement).not.toHaveAttribute("data-cookie-bar");
+    expect(
+      document.documentElement.style.getPropertyValue("--cookie-bar-height"),
+    ).toBe("");
   });
 
   it("persists acceptance and enables analytics without advertising consent", async () => {
     const user = userEvent.setup();
     render(<GoogleAnalytics />);
 
-    await user.click(
-      await screen.findByRole("button", { name: "Aceitar analytics" }),
-    );
+    await user.click(await screen.findByRole("button", { name: "Aceitar" }));
 
     expect(localStorage.getItem(CONSENT_KEY)).toBe("granted");
     expect(screen.getByTestId("google-analytics-script")).toHaveAttribute(
@@ -116,36 +142,35 @@ describe("GoogleAnalytics consent", () => {
       { allow_ad_personalization_signals: false },
     ]);
     expect(commands).toContainEqual(["set", "ads_data_redaction", true]);
-    expect(
-      screen.getByRole("button", { name: "Preferências de analytics" }),
-    ).not.toHaveFocus();
+    // depois da escolha nada fica fixo na tela
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    expect(screen.queryByRole("button")).not.toBeInTheDocument();
   });
 
-  it("persists refusal and keeps analytics absent after reload", async () => {
+  it("persists refusal and keeps analytics and the bar absent after reload", async () => {
     const user = userEvent.setup();
     const firstRender = render(<GoogleAnalytics />);
 
-    await user.click(
-      await screen.findByRole("button", { name: "Recusar analytics" }),
-    );
+    await user.click(await screen.findByRole("button", { name: "Recusar" }));
 
     expect(localStorage.getItem(CONSENT_KEY)).toBe("denied");
     expect(
       screen.queryByTestId("google-analytics-script"),
     ).not.toBeInTheDocument();
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
 
     firstRender.unmount();
-    render(<GoogleAnalytics />);
+    const reloaded = render(<GoogleAnalytics />);
 
-    expect(
-      await screen.findByRole("button", { name: "Preferências de analytics" }),
-    ).toBeVisible();
+    await act(async () => {});
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    expect(reloaded.container).toBeEmptyDOMElement();
     expect(
       screen.queryByTestId("google-analytics-script"),
     ).not.toBeInTheDocument();
   });
 
-  it("keeps preferences reachable and fully revokes analytics only", async () => {
+  it("reopens from the footer link and fully revokes analytics only", async () => {
     const user = userEvent.setup();
     localStorage.setItem(CONSENT_KEY, "granted");
     setCookie("_ga=main; Path=/");
@@ -153,13 +178,26 @@ describe("GoogleAnalytics consent", () => {
     setCookie("portfolio_session=keep; Path=/");
     const gtag = jest.fn();
     analyticsWindow.gtag = gtag;
-    render(<GoogleAnalytics />);
+    render(
+      <>
+        <button type="button" onClick={openCookiePreferences}>
+          Preferências de cookies
+        </button>
+        <GoogleAnalytics />
+      </>,
+    );
 
     await screen.findByTestId("google-analytics-script");
-    await user.click(
-      screen.getByRole("button", { name: "Preferências de analytics" }),
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    const opener = screen.getByRole("button", {
+      name: "Preferências de cookies",
+    });
+    await user.click(opener);
+    expect(screen.getByRole("dialog")).toHaveAccessibleDescription(
+      /Escolha atual: permitido/,
     );
-    await user.click(screen.getByRole("button", { name: "Revogar analytics" }));
+    expect(screen.getByRole("button", { name: "Aceitar" })).toHaveFocus();
+    await user.click(screen.getByRole("button", { name: "Recusar" }));
 
     expect(localStorage.getItem(CONSENT_KEY)).toBe("denied");
     expect(analyticsWindow[GA_DISABLE_KEY]).toBe(true);
@@ -179,33 +217,40 @@ describe("GoogleAnalytics consent", () => {
     expect(
       screen.queryByTestId("google-analytics-script"),
     ).not.toBeInTheDocument();
-    const preferencesButton = screen.getByRole("button", {
-      name: "Preferências de analytics",
-    });
-    expect(preferencesButton).toBeVisible();
-    expect(preferencesButton).toHaveFocus();
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    expect(opener).toHaveFocus();
   });
 
-  it("restores focus after closing or applying opened preferences", async () => {
+  it("restores focus after closing with Escape or applying opened preferences", async () => {
     const user = userEvent.setup();
     localStorage.setItem(CONSENT_KEY, "denied");
-    render(<GoogleAnalytics />);
-
-    const preferencesButton = await screen.findByRole("button", {
-      name: "Preferências de analytics",
-    });
-    await user.click(preferencesButton);
-    expect(
-      screen.getByRole("link", { name: "Ler política de privacidade" }),
-    ).toHaveAttribute("href", "/privacidade");
-    await user.click(
-      screen.getByRole("button", { name: "Fechar preferências" }),
+    render(
+      <>
+        <button type="button" onClick={openCookiePreferences}>
+          Preferências de cookies
+        </button>
+        <GoogleAnalytics />
+      </>,
     );
-    expect(preferencesButton).toHaveFocus();
+    await act(async () => {});
 
-    await user.click(preferencesButton);
-    await user.click(screen.getByRole("button", { name: "Aceitar analytics" }));
-    expect(preferencesButton).toHaveFocus();
+    const opener = screen.getByRole("button", {
+      name: "Preferências de cookies",
+    });
+    await user.click(opener);
+    expect(
+      screen.getByRole("link", { name: "Política de privacidade" }),
+    ).toHaveAttribute("href", "/privacidade");
+    await user.keyboard("{Escape}");
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    expect(opener).toHaveFocus();
+    expect(localStorage.getItem(CONSENT_KEY)).toBe("denied");
+
+    await user.click(opener);
+    await user.click(screen.getByRole("button", { name: "Aceitar" }));
+    expect(localStorage.getItem(CONSENT_KEY)).toBe("granted");
+    expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    expect(opener).toHaveFocus();
   });
 
   it("fails closed when local storage is unavailable", async () => {
@@ -218,9 +263,7 @@ describe("GoogleAnalytics consent", () => {
     });
     render(<GoogleAnalytics />);
 
-    await user.click(
-      await screen.findByRole("button", { name: "Aceitar analytics" }),
-    );
+    await user.click(await screen.findByRole("button", { name: "Aceitar" }));
 
     await waitFor(() => {
       expect(
@@ -238,10 +281,8 @@ describe("GoogleAnalytics consent", () => {
     render(<GoogleAnalytics />);
 
     await screen.findByTestId("google-analytics-script");
-    await user.click(
-      screen.getByRole("button", { name: "Preferências de analytics" }),
-    );
-    await user.click(screen.getByRole("button", { name: "Revogar analytics" }));
+    act(() => openCookiePreferences());
+    await user.click(await screen.findByRole("button", { name: "Recusar" }));
 
     expect(
       screen.getByRole("alert", {
@@ -251,9 +292,7 @@ describe("GoogleAnalytics consent", () => {
       "Não foi possível salvar a revogação. Tente novamente para concluir.",
     );
     expect(analyticsWindow[GA_DISABLE_KEY]).not.toBe(true);
-    expect(
-      screen.getByRole("button", { name: "Revogar analytics" }),
-    ).toBeVisible();
+    expect(screen.getByRole("button", { name: "Recusar" })).toBeVisible();
   });
 
   it("reports when refusal cannot be persisted", async () => {
@@ -263,9 +302,7 @@ describe("GoogleAnalytics consent", () => {
     });
     render(<GoogleAnalytics />);
 
-    await user.click(
-      await screen.findByRole("button", { name: "Recusar analytics" }),
-    );
+    await user.click(await screen.findByRole("button", { name: "Recusar" }));
 
     expect(
       screen.getByRole("alert", {
@@ -274,11 +311,7 @@ describe("GoogleAnalytics consent", () => {
     ).toHaveTextContent(
       "Não foi possível salvar sua recusa. Tente novamente para concluir.",
     );
-    expect(
-      screen.getByRole("button", { name: "Recusar analytics" }),
-    ).toBeVisible();
-    expect(
-      screen.queryByRole("button", { name: "Preferências de analytics" }),
-    ).not.toBeInTheDocument();
+    expect(screen.getByRole("button", { name: "Recusar" })).toBeVisible();
+    expect(screen.getByRole("dialog")).toBeVisible();
   });
 });