feat: harden portfolio and add SEO foundations

app/components/cinematic/CinematicHome.tsx

@@ -3,15 +3,13 @@
 import dynamic from "next/dynamic";
 import type {
   PortfolioExperience,
-  PortfolioProject,
+  PortfolioProjectView,
   PortfolioSkillCategory,
 } from "@/lib/portfolio-data";
 import Hero from "../Hero";
 import Projects from "../Projects";
 import { SectionLoading } from "../SectionLoading";
 import NotebookStory from "../story/NotebookStory";
-import ReelDirector from "../story/ReelDirector";
-import CinematicSection from "./CinematicSection";
 
 const About = dynamic(() => import("../About"), {
   loading: () => <SectionLoading message="Carregando..." />,
@@ -46,67 +44,52 @@ export default function CinematicHome({
   experiences,
   skillCategories,
 }: {
-  projects: PortfolioProject[];
+  projects: PortfolioProjectView[];
   experiences: PortfolioExperience[];
   skillCategories: PortfolioSkillCategory[];
 }) {
   return (
     <div className="flex min-h-screen flex-col overflow-x-clip">
       <main className="ds-main">
-        <ReelDirector />
         <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" baseVelocity={-1.5} />
+          <ScrollVelocityText text="SOFTWARE ENGINEERING" direction="left" />
         </div>
 
         <NotebookStory projects={projects} />
 
-        <CinematicSection effect="parallax-depth">
-          <About />
-        </CinematicSection>
+        <About />
 
         <SectionDivider variant="waveform" />
 
-        <CinematicSection effect="clip-reveal">
-          <Skills categories={skillCategories} />
-        </CinematicSection>
+        <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"
-            baseVelocity={1}
+            direction="right"
           />
         </div>
 
-        <CinematicSection effect="fade-scale">
-          <Experience experiences={experiences} />
-        </CinematicSection>
+        <Experience experiences={experiences} />
 
         <SectionDivider variant="gradient" />
 
-        <CinematicSection effect="rotate-in">
-          <Projects projects={projects} />
-        </CinematicSection>
+        <Projects projects={projects} />
 
-        <CinematicSection effect="clip-reveal">
-          <LighthouseMetrics />
-        </CinematicSection>
+        <LighthouseMetrics />
 
         <SectionDivider variant="pulse" />
 
-        <CinematicSection effect="parallax-depth">
-          <WorkModalities />
-        </CinematicSection>
+        <WorkModalities />
 
         <div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.05)]">
-          <ScrollVelocityText text="VAMOS CONVERSAR" baseVelocity={-2} />
+          <ScrollVelocityText text="VAMOS CONVERSAR" direction="left" />
         </div>
 
-        <CinematicSection effect="fade-scale">
-          <Contact />
-        </CinematicSection>
+        <Contact />
       </main>
       <Footer />
     </div>