feat: add randomized portfolio hero variants

app/components/Contact.tsx

@@ -1,16 +1,22 @@
 "use client";
 
 import type React from "react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
+import { buildWhatsAppUrl, getWhatsAppDisplayNumber } from "@/lib/whatsapp";
 import { motion, type Variants, useReducedMotion } from "framer-motion";
 import { Section } from "./Section";
 import { DrawLine } from "./animations/DrawLine";
 import MagneticButton from "./cinematic/MagneticButton";
 
-const WHATSAPP_NUMBER = "5547992742365";
 
 export default function Contact() {
   const shouldReduceMotion = useReducedMotion();
+  const [whatsAppDisplay, setWhatsAppDisplay] = useState("WhatsApp");
+
+  useEffect(() => {
+    setWhatsAppDisplay(getWhatsAppDisplayNumber());
+  }, []);
+
   const fieldClassName =
     "mt-sp-2 w-full border border-[rgba(255,255,255,.12)] bg-[rgba(255,255,255,.06)] px-sp-4 py-[14px] text-[13px] leading-6 text-white outline-none transition-[border-color,box-shadow] focus-visible:border-[var(--slash)] focus-visible:ring-2 focus-visible:ring-[rgba(204,255,0,0.34)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ink)]";
   const [formData, setFormData] = useState({
@@ -25,8 +31,7 @@ export default function Contact() {
 
     const messageTemplate = `*NOVA SOLICITACAO DE PROJETO*\n\n*Origem:* Portfolio Profissional\n*Prioridade:* Alta\n\n---\n*CLIENTE:* ${formData.name}\n*EMAIL:* ${formData.email}\n*AREA:* ${formData.subject.toUpperCase()}\n\n*DESCRICAO:*\n"${formData.message}"\n---\n_Mensagem gerada via Evandro.dev | Garuva, SC_`;
 
-    const encodedMessage = encodeURIComponent(messageTemplate);
-    const whatsappUrl = `https://wa.me/${WHATSAPP_NUMBER}?text=${encodedMessage}`;
+    const whatsappUrl = buildWhatsAppUrl(messageTemplate);
 
     window.open(whatsappUrl, "_blank", "noopener,noreferrer");
   };
@@ -93,7 +98,7 @@ export default function Contact() {
             projeto, performance ou construcao de produto com ownership real.
           </p>
           <div className="mt-sp-6 space-y-sp-4 text-[13px] leading-7 text-[rgba(255,255,255,.85)]">
-            <div>WhatsApp: +55 47 99274-2365</div>
+            <div>WhatsApp: {whatsAppDisplay}</div>
             <div>E-mail: evandrofonsecajunior@gmail.com</div>
             <div>Base: Garuva, Santa Catarina | atuacao remota</div>
           </div>