feat: rebuild landing experience, content and analytics

app/components/Hero.test.tsx

@@ -3,12 +3,6 @@ import type { ReactNode } from "react";
 
 import Hero from "./Hero";
 
-jest.mock("next/dynamic", () => () => {
-  const DynamicComponent = () => <div data-testid="hero-scene" />;
-  DynamicComponent.displayName = "MockHeroScene";
-  return DynamicComponent;
-});
-
 jest.mock("motion/react", () => {
   const React = require("react");
 
@@ -20,9 +14,6 @@ jest.mock("motion/react", () => {
           children,
           initial: _initial,
           animate: _animate,
-          whileHover: _whileHover,
-          whileTap: _whileTap,
-          variants: _variants,
           transition: _transition,
           ...props
         }: { children?: ReactNode } & Record<string, unknown>) =>
@@ -33,53 +24,11 @@ jest.mock("motion/react", () => {
     },
   );
 
-  return {
-    AnimatePresence: ({ children }: { children: React.ReactNode }) => children,
-    motion,
-    useInView: () => true,
-    useReducedMotion: () => false,
-    useMotionValue: (initial: number) => ({
-      get: () => initial,
-      set: jest.fn(),
-    }),
-    useSpring: (
-      value: { get: () => number; set: (v: number) => void },
-      _config: unknown,
-    ) => value,
-    useTransform: (
-      value: { get: () => number; set: (v: number) => void },
-      _input: number[],
-      _output: number[],
-    ) => value,
-  };
+  return { motion, useReducedMotion: () => false };
 });
 
-jest.mock("cobe", () => ({
-  __esModule: true,
-  default: jest.fn(() => ({
-    destroy: jest.fn(),
-  })),
-}));
-
-function mockMatchMedia(matches = false) {
-  Object.defineProperty(window, "matchMedia", {
-    writable: true,
-    value: jest.fn().mockImplementation((query) => ({
-      matches,
-      media: query,
-      onchange: null,
-      addListener: jest.fn(),
-      removeListener: jest.fn(),
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn(),
-      dispatchEvent: jest.fn(),
-    })),
-  });
-}
-
 describe("Hero", () => {
   beforeEach(() => {
-    mockMatchMedia(false);
     jest.spyOn(window, "open").mockImplementation(() => null);
   });
 
@@ -87,37 +36,27 @@ describe("Hero", () => {
     jest.restoreAllMocks();
   });
 
-  it("renders the published command-center content and primary actions", () => {
+  it("routes project conversations to contact without opening an external service", () => {
     render(<Hero />);
 
-    expect(
-      screen.getByText("Disponível para novas oportunidades"),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("heading", {
-        level: 1,
-        name: "Engenharia de software para sistemas que precisam operar de verdade.",
-      }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("button", {
-        name: "Conversar sobre uma oportunidade",
-      }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("button", { name: "Agendar no WhatsApp" }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("link", { name: "Ver casos selecionados" }),
-    ).toHaveAttribute("href", "/cases");
-    expect(screen.getByRole("link", { name: "Download CV" })).toHaveAttribute(
+    const contactLink = screen.getByRole("link", {
+      name: /conversar/i,
+    });
+    expect(contactLink).toHaveAttribute("href", "/#contact");
+    expect(contactLink).not.toHaveAttribute("target", "_blank");
+    fireEvent.click(contactLink);
+    expect(window.open).not.toHaveBeenCalled();
+    expect(screen.getByRole("link", { name: /ver projetos/i })).toHaveAttribute(
       "href",
-      "/Profile.pdf",
+      "/cases",
+    );
+    expect(screen.getByRole("link", { name: /nutriscan/i })).toHaveAttribute(
+      "href",
+      "/cases/nutriscan",
     );
-    expect(screen.queryByTestId("hero-scene")).not.toBeInTheDocument();
   });
 
-  it("keeps social destinations, operational proof and WhatsApp action", () => {
+  it("keeps social destinations with isolated external tabs", () => {
     render(<Hero />);
 
     expect(screen.getByRole("link", { name: "GitHub" })).toHaveAttribute(
@@ -132,28 +71,10 @@ describe("Hero", () => {
       "href",
       "mailto:[email protected]",
     );
-    expect(screen.getByText("Garuva, SC / Brasil")).toBeInTheDocument();
-    expect(screen.getByText("Operação")).toBeInTheDocument();
-    expect(screen.getByText("Clareza")).toBeInTheDocument();
-    expect(screen.getByText("Resultado")).toBeInTheDocument();
-    expect(
-      screen.getByRole("region", {
-        name: "Telemetria operacional em tempo real",
-      }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(/Globo interativo centrado em Joinville/i),
-    ).toBeInTheDocument();
-
-    fireEvent.click(
-      screen.getByRole("button", {
-        name: "Conversar sobre uma oportunidade",
-      }),
-    );
-    expect(window.open).toHaveBeenCalledWith(
-      expect.stringContaining("https://wa.me/"),
-      "_blank",
-      "noopener,noreferrer",
-    );
+    for (const name of ["GitHub", "LinkedIn"]) {
+      const link = screen.getByRole("link", { name });
+      expect(link).toHaveAttribute("target", "_blank");
+      expect(link).toHaveAttribute("rel", "noopener noreferrer");
+    }
   });
 });