feat: add randomized portfolio hero variants

app/components/ContactForm.tsx

@@ -2,6 +2,7 @@
 
 import { useState, ChangeEvent, FormEvent, useEffect } from "react";
 import { usePortfolioData } from "@/lib/usePortfolioData";
+import { buildWhatsAppUrl } from "@/lib/whatsapp";
 import { motion } from "motion/react";
 
 interface ContactFormProps {
@@ -173,15 +174,12 @@ ${formData.userName}`;
   const handleEmailFocus = () => setEmailFocused(true);
   const handlePhoneFocus = () => setPhoneFocused(true);
 
-  const generateWhatsAppUrl = () => {
-    const message = encodeURIComponent(
+  const generateWhatsAppUrl = () =>
+    buildWhatsAppUrl(
       formType === "advanced"
         ? generateAdvancedMessage()
         : formData.customMessage || getGreetingMessageWithUserName(),
     );
-    const phone = data.contact.whatsapp.replace(/\D/g, ""); // Remove caracteres não numéricos
-    return `https://wa.me/${phone}?text=${message}`;
-  };
 
   const generateEmailUrl = () => {
     const subject = encodeURIComponent("Proposta de Projeto - Portfólio");