1 "use client"; 2 3 -import { useState } from "react"; 3 +import Script from "next/script"; 4 import AnimOnScroll from "./AnimOnScroll"; 5 6 -type FormState = "idle" | "loading" | "success" | "error"; 7 - 6 export default function CTAForm() { 9 - const [form, setForm] = useState({ nombre: "", clinica: -"", whatsapp: "" }); 10 - const [state, setState] = useState("idle"); 11 - 12 - const handleSubmit = async (e: React.FormEvent) => { 13 - e.preventDefault(); 14 - setState("loading"); 15 - try { 16 - const res = await fetch("/api/contact", { 17 - method: "POST", 18 - headers: { "Content-Type": "application/json" }, 19 - body: JSON.stringify(form), 20 - }); 21 - if (!res.ok) throw new Error(); 22 - setState("success"); 23 - } catch { 24 - setState("error"); 25 - } 26 - }; 27 - 7 return ( 8

... 23 24 25 47 - {state === "success" ? ( 48 -

49 -

50 - 53 -

54 -

55 - ¡Listo! Te contactamos pronto. 56 -

57 -

58 - En menos de 24 horas vas a recibir un men -saje de nuestro equipo para coordinar una llamada. 59 -

60 -

61 - ) : ( 62 -

66 -

67 - 71 - Tu nombre 72 - 73 - setForm({ ...form, nom -bre: e.target.value })} 79 - placeholder="María González" 80 - className="w-full px-4 py-3.5 text-[16p -x] text-[#1D1D1F] bg-[#F5F5F7] border border-[#D2D2D7] ro -unded-xl focus:outline-none focus:ring-2 focus:ring-[#007 -1E3] focus:border-transparent transition-all duration-200 - placeholder:text-[#6E6E73]/60" 81 - /> 82 -

83 - 84 -

85 - 89 - Nombre de la clínica 90 - 91 - setForm({ ...form, cli -nica: e.target.value })} 97 - placeholder="Clínica Belgrano" 98 - className="w-full px-4 py-3.5 text-[16p -x] text-[#1D1D1F] bg-[#F5F5F7] border border-[#D2D2D7] ro -unded-xl focus:outline-none focus:ring-2 focus:ring-[#007 -1E3] focus:border-transparent transition-all duration-200 - placeholder:text-[#6E6E73]/60" 99 - /> 100 -

101 - 102 -

103 - 107 - WhatsApp 108 - 109 - setForm({ ...form, wha -tsapp: e.target.value })} 115 - placeholder="+54 11 1234-5678" 116 - className="w-full px-4 py-3.5 text-[16p -x] text-[#1D1D1F] bg-[#F5F5F7] border border-[#D2D2D7] ro -unded-xl focus:outline-none focus:ring-2 focus:ring-[#007 -1E3] focus:border-transparent transition-all duration-200 - placeholder:text-[#6E6E73]/60" 117 - /> 118 -

119 - 120 - 141 - 142 - {state === "error" && ( 143 -

144 - Hubo un error. Escribinos directamente -a{" "} 145 - WhatsApp. 146 -

147 - )} 148 -

149 - Sin permanencia · Sin setup · Respuesta e -n menos de 24hs 150 -

151 -

152 - )} 26 +

27 +