feat: rebuild landing experience, content and analytics

app/components/cinematic/CinematicHome.tsx

@@ -7,6 +7,7 @@ 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 from "../Hero";
@@ -35,40 +36,36 @@ export default function CinematicHome({
       <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" />
+          <ScrollVelocityText text="SOFTWARE SOB MEDIDA" direction="left" />
         </div>
 
         <NotebookStory projects={projects} onLayoutReady={onLayoutReady} />
 
-        <About />
+        <Projects projects={projects} />
 
         <SectionDivider variant="waveform" />
 
-        <Skills categories={skillCategories} />
+        <WorkModalities />
 
-        <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} />
+        <EngineeringWithAI />
 
         <LighthouseMetrics />
 
         <SectionDivider variant="pulse" />
 
-        <WorkModalities />
+        <About />
+
+        <details className="ds-section !pt-0">
+          <summary className="ds-section-shell cursor-pointer py-sp-5 text-lg font-semibold">
+            Experiência e tecnologias por trás das entregas
+          </summary>
+          <Skills categories={skillCategories} />
+          <Experience experiences={experiences} />
+        </details>
 
         <div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.05)]">
-          <ScrollVelocityText text="VAMOS CONVERSAR" direction="left" />
+          <ScrollVelocityText text="VAMOS CONSTRUIR" direction="left" />
         </div>
 
         <Contact />