feat(home): posicionamento com prova, menu sem recarregar e WhatsApp em todo o site

H1 'Sites e sistemas que trazem pedidos pelo WhatsApp e tiram sua operação da planilha.'; HeroWork maior com a SEV; menu Cases, Serviços, Como trabalho, Sobre e IA com next/link e pré-carregamento no hover; menu do celular em tela cheia; WhatsApp flutuante e no rodapé com a mensagem da rota; rodapé em todas as páginas; FAQ da home; /ia como oferta de revisão de app feito com IA; formulário com noscript, validação do mailto e plano B do pop-up; cartões sem foco indevido; sem a fonte Monument.

app/components/cinematic/CinematicHome.tsx

@@ -8,9 +8,8 @@ import About from "../About";
 import type { ClientLink } from "../ClientStrip";
 import Contact from "../Contact";
 import EngineeringWithAI from "../EngineeringWithAI";
-import FloatingWhatsApp from "../FloatingWhatsApp";
-import Footer from "../Footer";
 import Hero, { type HeroStats } from "../Hero";
+import HomeFaq from "../HomeFaq";
 import Projects from "../Projects";
 import { displayUrl } from "../showcase/BrowserFrame";
 import Testimonials from "../Testimonials";
@@ -18,8 +17,8 @@ import { WorkModalities } from "../WorkModalities";
 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";
+/** Projeto cujo endereço aparece na barra do navegador de HeroWork (a SEV Moda Íntima, com domínio próprio). */
+const HERO_WORK_PROJECT = "sev-modaintima";
 
 export default function CinematicHome({
   projects,
@@ -36,10 +35,13 @@ export default function CinematicHome({
   /** 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({
+  const shownUrl = displayUrl({
     demoUrl: projects.find((project) => project.id === HERO_WORK_PROJECT)
       ?.demoUrl,
   });
+  // endereço de hospedagem (vercel.app) nunca vai para a barra: sem domínio próprio, ela mostra "pré-visualização"
+  const heroWorkUrl =
+    shownUrl && !/vercel\.app/i.test(shownUrl.text) ? shownUrl : null;
   const onLayoutReady = useHomeFragmentNavigation();
   const mainRef = useRef<HTMLElement>(null);
   useCinematicScroll(mainRef);
@@ -47,8 +49,8 @@ export default function CinematicHome({
   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. */}
+    <div className="overflow-x-clip">
+      {/* Cada filho direto de <main> é uma cena; useCinematicScroll liga as passagens entre elas. O rodapé vem do layout. */}
       <main ref={mainRef} className="ds-main relative z-0">
         <Hero stats={heroStats} clients={clients} workUrl={heroWorkUrl} />
 
@@ -62,12 +64,10 @@ export default function CinematicHome({
 
         <Testimonials items={testimonials} />
 
+        <HomeFaq />
+
         <Contact />
       </main>
-      <div className="relative z-10">
-        <Footer serviceLinks={serviceLinks} />
-      </div>
-      <FloatingWhatsApp />
     </div>
   );
 }