function NavigationMenu({ currentPath }) { const [isMenuOpen, setIsMenuOpen] = React.useState(false); const toggleMenu = ()=>{ setIsMenuOpen(!isMenuOpen); }; return /*#__PURE__*/ React.createElement("header", { className: "sticky top-0 z-50 bg-white bg-opacity-95 shadow-sm px-3 sm:px-4 py-2 flex items-center justify-between w-full", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/34306017-6261-4d96-9fb3-2e0094d057bf/-/format/auto/", alt: "Botgado Logo", className: "h-10 sm:h-12", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex items-center space-x-2 sm:space-x-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: `${currentPath === "/" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-1 px-2 sm:py-1.5 sm:px-3 rounded-md text-xs sm:text-sm hover:bg-[#2a4365] hover:text-white transition-colors`, __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Inicio"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: `${currentPath === "/about" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-1 px-2 sm:py-1.5 sm:px-3 rounded-md text-xs sm:text-sm hover:bg-[#2a4365] hover:text-white transition-colors`, __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Acerca de"), /*#__PURE__*/ React.createElement("a", { href: "/contacto", className: `${currentPath === "/contacto" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-1 px-2 sm:py-1.5 sm:px-3 rounded-md text-xs sm:text-sm hover:bg-[#2a4365] hover:text-white transition-colors`, __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Contacto"), /*#__PURE__*/ React.createElement("a", { href: "/coming-soon", className: `${currentPath === "/coming-soon" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-1 px-2 sm:py-1.5 sm:px-3 rounded-md text-xs sm:text-sm hover:bg-[#2a4365] hover:text-white transition-colors`, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Encontrar Abogado")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden flex items-center justify-center p-2 rounded-md text-[#1E3A8A] hover:bg-gray-100 focus:outline-none", onClick: toggleMenu, "aria-label": "Toggle menu", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, isMenuOpen ? /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-white shadow-lg rounded-b-lg overflow-hidden absolute top-[52px] left-0 right-0 z-50 border-t border-gray-200", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col px-3 py-2 space-y-2", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: `${currentPath === "/" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-2 px-3 rounded-md text-sm hover:bg-[#2a4365] hover:text-white transition-colors text-center`, __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Inicio"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: `${currentPath === "/about" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-2 px-3 rounded-md text-sm hover:bg-[#2a4365] hover:text-white transition-colors text-center`, __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, "Acerca de"), /*#__PURE__*/ React.createElement("a", { href: "/contacto", className: `${currentPath === "/contacto" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-2 px-3 rounded-md text-sm hover:bg-[#2a4365] hover:text-white transition-colors text-center`, __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, "Contacto"), /*#__PURE__*/ React.createElement("a", { href: "/coming-soon", className: `${currentPath === "/coming-soon" ? "bg-[#1E3A8A] text-white" : "bg-gray-200 text-[#1E3A8A]"} py-2 px-3 rounded-md text-sm hover:bg-[#2a4365] hover:text-white transition-colors text-center`, __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "Encontrar Abogado")))); } function NavigationMenuStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-8 p-4 font-montserrat", __source: { fileName: "", lineNumber: 147, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 148, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }, "Navigation Menu Component"), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg overflow-hidden shadow-md", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "bg-gray-100 p-2 text-sm font-semibold", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, "Home Page (Active)"), /*#__PURE__*/ React.createElement(NavigationMenu, { currentPath: "/", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg overflow-hidden shadow-md", __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "bg-gray-100 p-2 text-sm font-semibold", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, "About Page (Active)"), /*#__PURE__*/ React.createElement(NavigationMenu, { currentPath: "/about", __source: { fileName: "", lineNumber: 162, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg overflow-hidden shadow-md", __source: { fileName: "", lineNumber: 165, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "bg-gray-100 p-2 text-sm font-semibold", __source: { fileName: "", lineNumber: 166, columnNumber: 9 }, __self: this }, "Contact Page (Active)"), /*#__PURE__*/ React.createElement(NavigationMenu, { currentPath: "/contacto", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg overflow-hidden shadow-md", __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "bg-gray-100 p-2 text-sm font-semibold", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Terms Page (Active)"), /*#__PURE__*/ React.createElement(NavigationMenu, { currentPath: "/politicas", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border rounded-lg overflow-hidden shadow-md", __source: { fileName: "", lineNumber: 179, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "bg-gray-100 p-2 text-sm font-semibold", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this }, "Coming Soon Page (Active)"), /*#__PURE__*/ React.createElement(NavigationMenu, { currentPath: "/coming-soon", __source: { fileName: "", lineNumber: 183, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [formData, setFormData] = React.useState({ name: "", email: "", subject: "", message: "" }); const [errors, setErrors] = React.useState({}); const [isSubmitting, setIsSubmitting] = React.useState(false); const [submitStatus, setSubmitStatus] = React.useState(null); const [showContactModal, setShowContactModal] = React.useState(false); React.useEffect(()=>{ const metaViewport = document.createElement("meta"); metaViewport.name = "viewport"; metaViewport.content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"; document.head.appendChild(metaViewport); return ()=>{ document.head.removeChild(metaViewport); }; }, []); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); if (errors[name]) { setErrors((prev)=>({ ...prev, [name]: null })); } }; const validateForm = ()=>{ const newErrors = {}; if (!formData.name.trim()) { newErrors.name = "El nombre es obligatorio"; } if (!formData.email.trim()) { newErrors.email = "El correo electrónico es obligatorio"; } else { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(formData.email)) { newErrors.email = "Por favor ingrese un correo electrónico válido"; } } if (!formData.subject.trim()) { newErrors.subject = "El asunto es obligatorio"; } if (!formData.message.trim()) { newErrors.message = "El mensaje es obligatorio"; } setErrors(newErrors); return Object.keys(newErrors).length === 0; }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!validateForm()) { return; } setIsSubmitting(true); try { const response = await fetch("/api/submit-contact-form", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (response.ok) { setSubmitStatus({ success: true, message: data.message || "Mensaje enviado correctamente" }); setFormData({ name: "", email: "", subject: "", message: "" }); } else { setSubmitStatus({ success: false, message: data.message || "Error al enviar el mensaje" }); } } catch (error) { console.error("Error submitting form:", error); setSubmitStatus({ success: false, message: "Error de conexión. Por favor intente nuevamente." }); } finally{ setIsSubmitting(false); setTimeout(()=>{ setSubmitStatus(null); }, 5000); } }; return /*#__PURE__*/ React.createElement("div", { className: "font-montserrat bg-[#F5F5F5] min-h-screen flex flex-col overflow-hidden w-full touch-manipulation", __source: { fileName: "", lineNumber: 121, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, ` html { touch-action: manipulation; -webkit-text-size-adjust: 100%; } input, textarea, select, button { font-size: 16px !important; } @media (min-width: 768px) { input, textarea, select, button { font-size: 14px !important; } } .pattern-bg { background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%231e3a8a' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E"); } .contact-card { transition: transform 0.3s ease, box-shadow 0.3s ease; } .contact-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(30, 58, 138, 0.1), 0 8px 10px -6px rgba(30, 58, 138, 0.1); } `), /*#__PURE__*/ React.createElement(NavigationMenu, { currentPath: "/contacto", __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex flex-col w-full overflow-hidden py-2 sm:py-4 md:py-6 pattern-bg", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center w-full px-2 sm:px-4 md:px-10", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E3A8A] text-white rounded-t-xl shadow-sm px-3 sm:px-4 py-2 sm:py-3 w-full flex items-center", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-envelope text-lg sm:text-xl md:text-2xl mr-2", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-sm sm:text-base md:text-xl font-bold", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, "Contacto"))))), /*#__PURE__*/ React.createElement("div", { className: "px-2 sm:px-4 md:px-10 flex items-center justify-center mb-2 sm:mb-4 flex-grow w-full", __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white rounded-b-xl shadow-lg overflow-hidden flex flex-col", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 sm:p-5 md:p-7", __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 166, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "contact-card bg-blue-50 rounded-lg p-3 sm:p-4 border border-blue-100 mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E3A8A] rounded-full p-1.5 sm:p-2 mr-2 flex-shrink-0", __source: { fileName: "", lineNumber: 169, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-info-circle text-white text-xs sm:text-sm", __source: { fileName: "", lineNumber: 170, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-xs sm:text-sm text-gray-700", __source: { fileName: "", lineNumber: 172, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold text-[#1E3A8A] mb-1", __source: { fileName: "", lineNumber: 173, columnNumber: 23 }, __self: this }, "Importante"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 176, columnNumber: 23 }, __self: this }, "Este formulario es", " ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 178, columnNumber: 25 }, __self: this }, "únicamente para consultas sobre la plataforma Botgado"), " ", "(funcionamiento, sugerencias, reportes de errores, etc).")))), /*#__PURE__*/ React.createElement("h2", { className: "text-sm sm:text-base md:text-lg font-bold text-[#1E3A8A] mb-2 sm:mb-3", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, "Envíenos un mensaje"), /*#__PURE__*/ React.createElement("p", { className: "text-xs sm:text-sm text-gray-600 mb-4", __source: { fileName: "", lineNumber: 190, columnNumber: 17 }, __self: this }, "Complete el formulario a continuación para ponerse en contacto con el equipo de Botgado."), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-3 sm:space-y-4", __source: { fileName: "", lineNumber: 195, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }, "Nombre completo ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 201, columnNumber: 39 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, className: `w-full p-2 sm:p-2.5 border ${errors.name ? "border-red-500" : "border-gray-300"} rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none`, placeholder: "Ingrese su nombre completo", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }), errors.name && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 212, columnNumber: 23 }, __self: this }, errors.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 216, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 217, columnNumber: 21 }, __self: this }, "Correo electrónico ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 218, columnNumber: 42 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, className: `w-full p-2 sm:p-2.5 border ${errors.email ? "border-red-500" : "border-gray-300"} rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none`, placeholder: "Ingrese su correo electrónico", __source: { fileName: "", lineNumber: 220, columnNumber: 21 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 229, columnNumber: 23 }, __self: this }, errors.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 236, columnNumber: 21 }, __self: this }, "Asunto ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 237, columnNumber: 30 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", value: formData.subject, onChange: handleInputChange, className: `w-full p-2 sm:p-2.5 border ${errors.subject ? "border-red-500" : "border-gray-300"} rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none`, placeholder: "Ingrese el asunto de su mensaje", __source: { fileName: "", lineNumber: 239, columnNumber: 21 }, __self: this }), errors.subject && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, errors.subject)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 254, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, "Mensaje ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 256, columnNumber: 31 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("textarea", { name: "message", value: formData.message, onChange: handleInputChange, rows: "5", className: `w-full p-2 sm:p-2.5 border ${errors.message ? "border-red-500" : "border-gray-300"} rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none`, placeholder: "Escriba su mensaje aquí...", __source: { fileName: "", lineNumber: 258, columnNumber: 21 }, __self: this }), errors.message && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs mt-1", __source: { fileName: "", lineNumber: 267, columnNumber: 23 }, __self: this }, errors.message)), submitStatus && /*#__PURE__*/ React.createElement("div", { className: `p-2 sm:p-3 rounded-md ${submitStatus.success ? "bg-green-50 text-green-800 border border-green-200" : "bg-red-50 text-red-800 border border-red-200"}`, __source: { fileName: "", lineNumber: 274, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs sm:text-sm", __source: { fileName: "", lineNumber: 277, columnNumber: 23 }, __self: this }, submitStatus.message)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 283, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "bg-[#1E3A8A] text-white py-2 sm:py-2.5 px-4 sm:px-6 rounded-md text-xs sm:text-sm hover:bg-[#2a4365] transition-colors disabled:bg-gray-400 disabled:cursor-not-allowed flex items-center", __source: { fileName: "", lineNumber: 284, columnNumber: 21 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("svg", { className: "animate-spin -ml-1 mr-2 h-4 w-4 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 291, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", __source: { fileName: "", lineNumber: 297, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", __source: { fileName: "", lineNumber: 305, columnNumber: 29 }, __self: this })), "Enviando...") : /*#__PURE__*/ React.createElement(React.Fragment, null, "Enviar mensaje"))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center pt-4 sm:pt-6 mt-4", __source: { fileName: "", lineNumber: 321, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-[#1E3A8A] text-white py-2 sm:py-2.5 px-4 sm:px-6 rounded-full text-xs sm:text-sm hover:bg-[#2a4365] transition-colors inline-flex items-center shadow-md", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-arrow-left mr-1.5 sm:mr-2", __source: { fileName: "", lineNumber: 326, columnNumber: 19 }, __self: this }), "Volver al chatbot")))))), showContactModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-3 sm:p-4 z-50 overflow-y-auto", __source: { fileName: "", lineNumber: 336, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl w-full max-w-md p-3 sm:p-5 mx-2", __source: { fileName: "", lineNumber: 337, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-3 sm:mb-4", __source: { fileName: "", lineNumber: 338, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm sm:text-base font-bold text-[#1E3A8A]", __source: { fileName: "", lineNumber: 339, columnNumber: 15 }, __self: this }, "Contactar a un abogado"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowContactModal(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 342, columnNumber: 15 }, __self: this }, "✕")), /*#__PURE__*/ React.createElement("form", { className: "space-y-2 sm:space-y-3", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 351, columnNumber: 17 }, __self: this }, "Nombre completo"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nombre", required: true, className: "w-full p-1.5 sm:p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none", __source: { fileName: "", lineNumber: 354, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 362, columnNumber: 17 }, __self: this }, "Número de teléfono"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefono", required: true, className: "w-full p-1.5 sm:p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none", __source: { fileName: "", lineNumber: 365, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 372, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, "Correo electrónico"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", required: true, className: "w-full p-1.5 sm:p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-xs font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 384, columnNumber: 17 }, __self: this }, "Describe brevemente tu caso"), /*#__PURE__*/ React.createElement("textarea", { name: "descripcion", rows: "3", className: "w-full p-1.5 sm:p-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-[#1E3A8A] focus:border-transparent outline-none", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#1E3A8A] text-white py-1.5 sm:py-2 px-3 sm:px-4 rounded-md text-xs sm:text-sm hover:bg-[#2a4365] transition-colors", __source: { fileName: "", lineNumber: 393, columnNumber: 15 }, __self: this }, "Enviar solicitud")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1E3A8A] text-white py-2 sm:py-3 px-3 sm:px-4 mt-auto w-full", __source: { fileName: "", lineNumber: 404, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto text-center", __source: { fileName: "", lineNumber: 405, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[10px] sm:text-xs", __source: { fileName: "", lineNumber: 406, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Botgado. Todos los derechos reservados.")))); }