feat: rebuild landing experience, content and analytics

app/servicos/[slug]/page.tsx

@@ -3,6 +3,7 @@ import Link from "next/link";
 import { notFound } from "next/navigation";
 import HeroBackground from "@/app/components/cinematic/HeroBackground";
 import MagneticButton from "@/app/components/cinematic/MagneticButton";
+import WhatsAppLink from "@/app/components/WhatsAppLink";
 import { safeJsonLd } from "@/lib/jsonld";
 import { buildBreadcrumbList, buildServiceJsonLd } from "@/lib/seo";
 import {
@@ -122,14 +123,13 @@ export default async function ServicePage({ params }: ServicePageProps) {
               {service.answer}
             </p>
             <div className="mt-sp-8 flex flex-wrap gap-sp-3">
-              <MagneticButton
-                as="a"
-                href={service.ctaHref}
-                className="ds-link ds-link-accent"
-                strength={0.25}
+              <WhatsAppLink
+                service={service.navLabel}
+                placement="service_detail_hero"
+                className="ds-link ds-link-accent min-h-12"
               >
-                {service.ctaLabel}
-              </MagneticButton>
+                {service.ctaLabel} no WhatsApp
+              </WhatsAppLink>
               <MagneticButton
                 as="a"
                 href="/cases"
@@ -139,6 +139,11 @@ export default async function ServicePage({ params }: ServicePageProps) {
                 Ver casos relacionados
               </MagneticButton>
             </div>
+            <p className="mt-sp-4 text-sm leading-6 text-white/70">
+              Fale diretamente com Evandro. Abre uma conversa, sem precisar
+              preencher um formulário. Atendimento remoto a partir de Garuva,
+              SC.
+            </p>
           </div>
         </div>
       </section>
@@ -305,14 +310,13 @@ export default async function ServicePage({ params }: ServicePageProps) {
               remotamente.
             </p>
             <div className="mt-sp-6 flex flex-wrap gap-sp-3">
-              <MagneticButton
-                as="a"
-                href={service.ctaHref}
-                className="ds-link ds-link-accent"
-                strength={0.25}
+              <WhatsAppLink
+                service={service.navLabel}
+                placement="service_detail_footer"
+                className="ds-link ds-link-accent min-h-12"
               >
-                {service.ctaLabel}
-              </MagneticButton>
+                {service.ctaLabel} no WhatsApp
+              </WhatsAppLink>
               <MagneticButton
                 as="a"
                 href="/servicos"