feat: harden portfolio and add SEO foundations

app/components/cinematic/CinematicHome.test.tsx

@@ -1,5 +1,4 @@
 import { render, screen } from "@testing-library/react";
-import type { ReactNode } from "react";
 import CinematicHome from "./CinematicHome";
 
 jest.mock("next/dynamic", () => {
@@ -19,41 +18,44 @@ jest.mock("next/dynamic", () => {
   return () => {
     const label = labels[index++] ?? "DynamicSection";
     return function DynamicMock() {
-      return <div data-testid={`dynamic-${label}`}>{label}</div>;
+      return <section data-testid={`home-section-${label}`}>{label}</section>;
     };
   };
 });
 
-jest.mock("../Hero", () => () => <div data-testid="hero" />);
-jest.mock("../Projects", () => () => <div data-testid="projects" />);
-jest.mock("../story/ReelDirector", () => () => (
-  <div data-testid="reel-director" />
+jest.mock("../Hero", () => () => <section data-testid="home-section-Hero" />);
+jest.mock("../Projects", () => () => (
+  <section data-testid="home-section-Projects" />
 ));
 jest.mock("../story/NotebookStory", () => () => (
-  <section data-testid="notebook-story" />
+  <section data-testid="home-section-NotebookStory" />
 ));
-jest.mock(
-  "./CinematicSection",
-  () =>
-    ({ children }: { children: ReactNode }) => <>{children}</>,
-);
 
 describe("CinematicHome", () => {
-  it("uses one notebook story and keeps About after it", () => {
-    render(
+  it("renders each primary section directly in the published order", () => {
+    const { container } = render(
       <CinematicHome experiences={[]} projects={[]} skillCategories={[]} />,
     );
+    const main = container.querySelector("main");
+    const sectionNames = [
+      "Hero",
+      "NotebookStory",
+      "About",
+      "Skills",
+      "Experience",
+      "Projects",
+      "LighthouseMetrics",
+      "WorkModalities",
+      "Contact",
+    ];
+    const sectionIds = sectionNames.map((name) => `home-section-${name}`);
+    const directSections = Array.from(main?.children ?? []).filter((element) =>
+      sectionIds.includes(element.getAttribute("data-testid") ?? ""),
+    );
 
-    const story = screen.getByTestId("notebook-story");
-    const about = screen.getByTestId("dynamic-About");
-
-    expect(story).toBeInTheDocument();
-    expect(screen.queryByTestId("print-reel")).not.toBeInTheDocument();
-    expect(screen.queryByTestId("scroll-story")).not.toBeInTheDocument();
+    expect(screen.getAllByTestId("home-section-NotebookStory")).toHaveLength(1);
     expect(
-      Boolean(
-        story.compareDocumentPosition(about) & Node.DOCUMENT_POSITION_FOLLOWING,
-      ),
-    ).toBe(true);
+      directSections.map((section) => section.getAttribute("data-testid")),
+    ).toEqual(sectionIds);
   });
 });