wip: foto da pasta principal antes de trocar de branch

Estado do disco em 14/10/2026, sem filtrar. Inclui as copias .sync-conflict-* do Syncthing de 07/10 e os 15 arquivos que o Syncthing apagou; todo esse conteudo ja existia em outros commits. So havia fora do Git: AGENTS.md, CLAUDE.md e a alteracao em data/project-health.json.

app/components/cinematic/CinematicHome.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { useEffect, useRef } from "react";
 import type {
   PortfolioExperience,
   PortfolioProjectView,
@@ -8,63 +7,73 @@ import type {
 } from "@/lib/portfolio-data";
 import About from "../About";
 import Contact from "../Contact";
-import EngineeringWithAI from "../EngineeringWithAI";
 import Experience from "../Experience";
 import Footer from "../Footer";
-import Hero, { type HeroStats } from "../Hero";
+import Hero from "../Hero";
 import LighthouseMetrics from "../LighthouseMetrics";
 import Projects from "../Projects";
 import Skills from "../Skills";
+import NotebookStory from "../story/NotebookStory";
 import { WorkModalities } from "../WorkModalities";
-import ExperienceDisclosure from "./ExperienceDisclosure";
-import { useCinematicScroll } from "./useCinematicScroll";
+import ScrollVelocityText from "./ScrollVelocityText";
+import SectionDivider from "./SectionDivider";
 import { useHomeFragmentNavigation } from "./useHomeFragmentNavigation";
 
 export default function CinematicHome({
   projects,
   experiences,
   skillCategories,
-  heroStats,
 }: {
-  heroStats?: HeroStats;
   projects: PortfolioProjectView[];
   experiences: PortfolioExperience[];
   skillCategories: PortfolioSkillCategory[];
 }) {
   const onLayoutReady = useHomeFragmentNavigation();
-  const mainRef = useRef<HTMLElement>(null);
-  useCinematicScroll(mainRef);
-  // o layout da home é estável na montagem: a chegada por fragmento (#contato etc.) já pode ser resolvida
-  useEffect(() => onLayoutReady(), [onLayoutReady]);
 
   return (
     <div className="flex min-h-screen flex-col overflow-x-clip">
-      {/* Cada filho direto de <main> é uma cena; useCinematicScroll liga as passagens entre elas. */}
-      <main ref={mainRef} className="ds-main relative z-0">
-        <Hero stats={heroStats} />
+      <main className="ds-main">
+        <Hero />
+
+        {/* Marquee divider after hero */}
+        <div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.06)]">
+          <ScrollVelocityText text="SOFTWARE ENGINEERING" direction="left" />
+        </div>
+
+        <NotebookStory projects={projects} onLayoutReady={onLayoutReady} />
+
+        <About />
+
+        <SectionDivider variant="waveform" />
+
+        <Skills categories={skillCategories} />
+
+        <div className="overflow-hidden bg-[var(--ink)] py-4 text-[rgba(204,255,0,0.04)]">
+          <ScrollVelocityText
+            text="NEXT.JS  TAURI  RUST  NODE.JS  TYPESCRIPT"
+            direction="right"
+          />
+        </div>
+
+        <Experience experiences={experiences} />
+
+        <SectionDivider variant="gradient" />
 
         <Projects projects={projects} />
 
-        <WorkModalities />
-
-        <EngineeringWithAI />
-
         <LighthouseMetrics />
 
-        <div className="bg-[var(--paper)]">
-          <About />
+        <SectionDivider variant="pulse" />
 
-          <ExperienceDisclosure>
-            <Skills categories={skillCategories} />
-            <Experience experiences={experiences} />
-          </ExperienceDisclosure>
+        <WorkModalities />
+
+        <div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.05)]">
+          <ScrollVelocityText text="VAMOS CONVERSAR" direction="left" />
         </div>
 
         <Contact />
       </main>
-      <div className="relative z-10">
-        <Footer />
-      </div>
+      <Footer />
     </div>
   );
 }