feat(home): seção Sobre com prova por ponto, contato por oferta e hero com a Lavação 047 na tela larga

app/components/Footer.test.tsx

@@ -73,7 +73,9 @@ describe("Footer contact and navigation", () => {
       "/cases",
     );
     expect(
-      within(more).getByRole("link", { name: "Revisão de app feito com IA" }),
+      within(more).getByRole("link", {
+        name: "Revisão de sistema que já existe",
+      }),
     ).toHaveAttribute("href", "/ia");
     expect(
       within(more).getByRole("link", { name: "Privacidade" }),
@@ -143,6 +145,30 @@ describe("Footer social links", () => {
     expect(instagram).toHaveAttribute("rel", "noopener noreferrer");
   });
 
+  it("names the three offers once, with the same words as the home, and no old 'app feito com IA' name", () => {
+    render(<Footer />);
+
+    expect(
+      screen.getByRole("link", { name: "Revisão de sistema que já existe" }),
+    ).toHaveAttribute("href", "/ia");
+    expect(screen.queryByText(/app feito com IA/i)).toBeNull();
+  });
+
+  it("adds the height of the cookie bar to the bottom padding, so the logo and the copyright are not under it at the end of the page", () => {
+    const { container } = render(<Footer />);
+
+    const footer = container.querySelector("footer") as HTMLElement;
+    // com a barra fechada a variável não existe: o 0px do fallback deixa o rodapé como era
+    expect(footer.className).toContain(
+      "pb-[calc(var(--sp-10)+var(--cookie-bar-height,0px))]",
+    );
+    // no celular o botão flutuante do WhatsApp (72 px) também continua à parte
+    expect(footer.className).toContain(
+      "max-md:pb-[calc(var(--sp-10)+72px+var(--cookie-bar-height,0px))]",
+    );
+    expect(footer.className).not.toMatch(/(?:^|\s)py-sp-10(?:\s|$)/);
+  });
+
   it("pre-fetches the internal links only when the visitor reaches them, never by viewport (services, cases, /ia, privacy, résumé, home)", () => {
     render(<Footer serviceLinks={serviceHubLinks} />);