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

app/components/ContactOfferLink.test.tsx

@@ -27,7 +27,7 @@ describe("ContactOfferLink", () => {
     );
 
     const link = screen.getByRole("link", { name: "Começar pelo sistema" });
-    expect(link).toHaveAttribute("href", "/?tipo=sistema#contact");
+    expect(link).toHaveAttribute("href", "/?tipo=sistema#contact-form");
     expect(link).toHaveClass("botao");
     expect(link).toHaveAttribute("data-prefetch", "false");
     fireEvent.mouseEnter(link);
@@ -88,7 +88,7 @@ describe("ContactOfferLink: rolagem até o formulário", () => {
     window.history.replaceState(null, "", "/");
     setReducedMotion(false);
     form = document.createElement("section");
-    form.id = "contact";
+    form.id = "contact-form";
     document.body.append(form);
   });
 
@@ -98,7 +98,7 @@ describe("ContactOfferLink: rolagem até o formulário", () => {
     window.history.replaceState(null, "", "/");
   });
 
-  it("cancels the navigation on the home, rolls to #contact, focuses the form and leaves the address as /#contact", () => {
+  it("cancels the navigation on the home, rolls to #contact-form, focuses the form and leaves the address as /#contact-form", () => {
     const heard: unknown[] = [];
     const listener = (event: Event) =>
       heard.push((event as CustomEvent).detail);
@@ -120,7 +120,7 @@ describe("ContactOfferLink: rolagem até o formulário", () => {
       });
       expect(form).toHaveFocus();
       expect(window.location.pathname + window.location.search).toBe("/");
-      expect(window.location.hash).toBe("#contact");
+      expect(window.location.hash).toBe("#contact-form");
       expect(pushState).not.toHaveBeenCalled();
     } finally {
       pushState.mockRestore();
@@ -140,16 +140,20 @@ describe("ContactOfferLink: rolagem até o formulário", () => {
   });
 
   it("drops the ?tipo= left by an earlier offer or by the arrival from another page, and keeps the other parameters", () => {
-    window.history.replaceState(null, "", "/?utm_source=ads&tipo=site#contact");
+    window.history.replaceState(
+      null,
+      "",
+      "/?utm_source=ads&tipo=site#contact-form",
+    );
     render(<ContactOfferLink kind="revisao">Começar</ContactOfferLink>);
 
     fireEvent.click(screen.getByRole("link", { name: "Começar" }));
     expect(window.location.search).toBe("?utm_source=ads");
-    expect(window.location.hash).toBe("#contact");
+    expect(window.location.hash).toBe("#contact-form");
   });
 
   it("leaves the click alone when the scroll manager already took it (no second scroll), still cleaning the address", () => {
-    window.history.replaceState(null, "", "/?tipo=site#contact");
+    window.history.replaceState(null, "", "/?tipo=site#contact-form");
     const cancel = (event: Event) => event.preventDefault();
     document.addEventListener("click", cancel, true);
     try {
@@ -158,7 +162,7 @@ describe("ContactOfferLink: rolagem até o formulário", () => {
       fireEvent.click(screen.getByRole("link", { name: "Começar" }));
       expect(scrollIntoView).not.toHaveBeenCalled();
       expect(window.location.search).toBe("");
-      expect(window.location.hash).toBe("#contact");
+      expect(window.location.hash).toBe("#contact-form");
     } finally {
       document.removeEventListener("click", cancel, true);
     }
@@ -176,19 +180,19 @@ describe("ContactOfferLink: rolagem até o formulário", () => {
     expect(window.location.hash).toBe("");
   });
 
-  it("does not cancel anything outside the home: the Link navigates to /?tipo=…#contact", () => {
+  it("does not cancel anything outside the home: the Link navigates to /?tipo=…#contact-form", () => {
     window.history.replaceState(null, "", "/privacidade");
     render(<ContactOfferLink kind="revisao">Começar</ContactOfferLink>);
     const link = screen.getByRole("link", { name: "Começar" });
 
-    expect(link).toHaveAttribute("href", "/?tipo=revisao#contact");
+    expect(link).toHaveAttribute("href", "/?tipo=revisao#contact-form");
     expect(fireEvent.click(link)).toBe(true);
     expect(scrollIntoView).not.toHaveBeenCalled();
     expect(window.location.pathname).toBe("/privacidade");
     expect(window.location.hash).toBe("");
   });
 
-  it("falls back to the Link navigation when the page has no #contact", () => {
+  it("falls back to the Link navigation when the page has no #contact-form", () => {
     form.remove();
     render(<ContactOfferLink kind="site">Começar</ContactOfferLink>);