refactor: substituir celular e filmstrip por notebook

app/components/cinematic/CinematicHome.tsx

@@ -9,9 +9,8 @@ import type {
 import Hero from "../Hero";
 import Projects from "../Projects";
 import { SectionLoading } from "../SectionLoading";
-import ScrollStory from "../story/ScrollStory";
+import NotebookStory from "../story/NotebookStory";
 import ReelDirector from "../story/ReelDirector";
-import PrintReel from "../story/PrintReel";
 import CinematicSection from "./CinematicSection";
 
 const About = dynamic(() => import("../About"), {
@@ -62,18 +61,7 @@ export default function CinematicHome({
           <ScrollVelocityText text="SOFTWARE ENGINEERING" baseVelocity={-1.5} />
         </div>
 
-        {/* Reel scrollytelling: timeline scrubbed pelo scroll (estilo product-page) */}
-        <ScrollStory
-          projectsCount={projects.length}
-          experiencesCount={experiences.length}
-          skillsCount={skillCategories.reduce(
-            (acc, cat) => acc + cat.skills.length,
-            0,
-          )}
-        />
-
-        {/* Palco 2: filmstrip horizontal pinado com prints reais dos deployments */}
-        <PrintReel />
+        <NotebookStory projects={projects} />
 
         <CinematicSection effect="parallax-depth">
           <About />