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/WorkModalities.tsx

@@ -3,9 +3,9 @@
 import { motion, type Variants } from "motion/react";
 import Link from "next/link";
 import { useReducedMotion } from "@/app/hooks/useReducedMotion";
-import { serviceHubLinks } from "@/lib/site-content";
+import type { ServiceLink } from "@/lib/site-navigation";
 import { DrawLine } from "./animations/DrawLine";
-import MagneticButton from "./cinematic/MagneticButton";
+import { primaryButton, secondaryButtonLight } from "./button-styles";
 import { Section } from "./Section";
 
 interface Tier {
@@ -127,9 +127,7 @@ function TierCard({ tier }: Readonly<{ tier: Tier }>) {
       transition={{ type: "spring", stiffness: 180, damping: 18 }}
     >
       <div className="flex min-w-0 items-start justify-between gap-sp-4">
-        <span className="ds-kicker max-md:text-[10px] max-md:leading-[1.6]">
-          {tier.badge}
-        </span>
+        <span className="ds-kicker">{tier.badge}</span>
       </div>
 
       <DrawLine delay={0.04} />
@@ -138,13 +136,13 @@ function TierCard({ tier }: Readonly<{ tier: Tier }>) {
         <h3 className="ds-card-title !mt-0 text-balance !text-[clamp(19px,5vw,28px)] !leading-[1.02] !tracking-[-0.035em] [overflow-wrap:break-word] [word-break:normal]">
           {tier.title}
         </h3>
-        <p className="mt-sp-2 text-[12px] leading-[1.7] text-[var(--meta)] md:text-[11px]">
+        <p className="mt-sp-2 text-[13px] leading-[1.7] text-[var(--meta)]">
           {tier.tagline}
         </p>
       </div>
 
       <p
-        className="ds-copy !mt-sp-4 !text-[13px] !leading-[1.75] [overflow-wrap:break-word] [word-break:normal] md:!text-[12px]"
+        className="ds-copy !mt-sp-4 !text-[13px] !leading-[1.75] [overflow-wrap:break-word] [word-break:normal] md:!text-[13px]"
         data-reel="right"
       >
         {tier.description}
@@ -170,21 +168,24 @@ function TierCard({ tier }: Readonly<{ tier: Tier }>) {
         </div>
       </div>
 
-      <MagneticButton
-        as="a"
+      <Link
         href={tier.ctaHref}
-        className={`ds-link mt-sp-6 min-h-[50px] w-full justify-center px-sp-4 py-sp-3 text-center text-[11px] leading-none ${
-          tier.featured ? "ds-link-accent" : "ds-link-muted"
+        className={`mt-sp-6 w-full ${
+          tier.featured ? primaryButton : secondaryButtonLight
         }`}
-        strength={0.25}
       >
         {tier.ctaLabel}
-      </MagneticButton>
+      </Link>
     </motion.article>
   );
 }
 
-export function WorkModalities() {
+export function WorkModalities({
+  serviceLinks = [],
+}: {
+  /** Os serviços do hub; app/page.tsx os lê de lib/site-content.ts. */
+  serviceLinks?: ServiceLink[];
+}) {
   const shouldReduceMotion = useReducedMotion();
 
   const containerVariants: Variants = {
@@ -233,21 +234,16 @@ export function WorkModalities() {
               usar.
             </p>
           </div>
-          <MagneticButton
-            as="a"
-            href="/servicos"
-            className="ds-link ds-link-accent"
-            strength={0.2}
-          >
+          <Link href="/servicos" className={`shrink-0 ${secondaryButtonLight}`}>
             Conhecer todos os serviços
-          </MagneticButton>
+          </Link>
         </div>
 
         <div
           className="mt-sp-6 grid gap-sp-3 md:grid-cols-2 xl:grid-cols-3"
           data-reel-stagger="left"
         >
-          {serviceHubLinks.map((service) => (
+          {serviceLinks.map((service) => (
             <Link
               key={service.href}
               href={service.href}