feat(home): prova no topo, contato sem atrito e conversão medida

Home mais curta (hero, vitrine de clientes, sobre, serviços, IA resumida, depoimentos e contato), faixa de clientes e telas reais no hero, sem números do GitHub. Barra de cookies fina, WhatsApp fixo no celular, formulário com e-mail opcional e alternativa por e-mail, página /ia, eventos de e-mail, redes e currículo e conversão do Ads opcional por variável. Rodapé em 3 colunas. Remove componentes órfãos (LighthouseMetrics, Skills, Experience, contagem do GitHub).

app/components/cinematic/CinematicHome.tsx

@@ -1,36 +1,45 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import type {
-  PortfolioExperience,
-  PortfolioProjectView,
-  PortfolioSkillCategory,
-} from "@/lib/portfolio-data";
+import type { PortfolioProjectView } from "@/lib/portfolio-data";
+import type { Testimonial } from "@/lib/proof";
+import type { ServiceLink } from "@/lib/site-navigation";
 import About from "../About";
+import type { ClientLink } from "../ClientStrip";
 import Contact from "../Contact";
 import EngineeringWithAI from "../EngineeringWithAI";
-import Experience from "../Experience";
+import FloatingWhatsApp from "../FloatingWhatsApp";
 import Footer from "../Footer";
 import Hero, { type HeroStats } from "../Hero";
-import LighthouseMetrics from "../LighthouseMetrics";
 import Projects from "../Projects";
-import Skills from "../Skills";
+import { displayUrl } from "../showcase/BrowserFrame";
+import Testimonials from "../Testimonials";
 import { WorkModalities } from "../WorkModalities";
-import ExperienceDisclosure from "./ExperienceDisclosure";
 import { useCinematicScroll } from "./useCinematicScroll";
 import { useHomeFragmentNavigation } from "./useHomeFragmentNavigation";
 
+/** Projeto cujo endereço aparece na barra do navegador de HeroWork. */
+const HERO_WORK_PROJECT = "lavacao-047";
+
 export default function CinematicHome({
   projects,
-  experiences,
-  skillCategories,
+  clients,
+  testimonials,
+  serviceLinks,
   heroStats,
 }: {
   heroStats?: HeroStats;
+  /** Só projetos de cliente (o filtro é de app/page.tsx). */
   projects: PortfolioProjectView[];
-  experiences: PortfolioExperience[];
-  skillCategories: PortfolioSkillCategory[];
+  clients?: ClientLink[];
+  testimonials?: Testimonial[];
+  /** Serviços do hub; lib/site-content.ts só pode ser lido no servidor, então a página os entrega prontos. */
+  serviceLinks?: ServiceLink[];
 }) {
+  const heroWorkUrl = displayUrl({
+    demoUrl: projects.find((project) => project.id === HERO_WORK_PROJECT)
+      ?.demoUrl,
+  });
   const onLayoutReady = useHomeFragmentNavigation();
   const mainRef = useRef<HTMLElement>(null);
   useCinematicScroll(mainRef);
@@ -41,30 +50,24 @@ export default function CinematicHome({
     <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} />
+        <Hero stats={heroStats} clients={clients} workUrl={heroWorkUrl} />
 
         <Projects projects={projects} />
 
-        <WorkModalities />
+        <About />
+
+        <WorkModalities serviceLinks={serviceLinks} />
 
         <EngineeringWithAI />
 
-        <LighthouseMetrics />
-
-        <div className="bg-[var(--paper)]">
-          <About />
-
-          <ExperienceDisclosure>
-            <Skills categories={skillCategories} />
-            <Experience experiences={experiences} />
-          </ExperienceDisclosure>
-        </div>
+        <Testimonials items={testimonials} />
 
         <Contact />
       </main>
       <div className="relative z-10">
-        <Footer />
+        <Footer serviceLinks={serviceLinks} />
       </div>
+      <FloatingWhatsApp />
     </div>
   );
 }