function MainComponent() { const [formData, setFormData] = React.useState({ niche: '', videoIntentions: '', format: '', email: '', referenceLink: '', whatsapp: '', videoPackage: '', hasScript: '' }); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prevData)=>({ ...prevData, [name]: value })); }; const handleFormSubmit = async (e)=>{ e.preventDefault(); const response = await fetch('https://api.emailjs.com/api/v1.0/email/send', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ service_id: 'YOUR_SERVICE_ID', template_id: 'YOUR_TEMPLATE_ID', user_id: 'YOUR_USER_ID', template_params: { ...formData, to_email: 'casal.imago@gmail.com' } }) }); if (response.ok) { alert('Suas respostas foram enviadas com sucesso!'); } else { alert('Ocorreu um erro ao enviar suas respostas.'); } }; const formContent = /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "niche", onChange: handleInputChange, placeholder: "Área Atuante/Nicho", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "videoIntentions", onChange: handleInputChange, placeholder: "O que deseja através de vídeos", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "format", onChange: handleInputChange, className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Escolha o formato"), /*#__PURE__*/ React.createElement("option", { value: "vertical", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Vertical"), /*#__PURE__*/ React.createElement("option", { value: "horizontal", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Horizontal")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "email", onChange: handleInputChange, placeholder: "Email", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "referenceLink", onChange: handleInputChange, placeholder: "Link de vídeos de referência", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "whatsapp", onChange: handleInputChange, placeholder: "WhatsApp", className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "videoPackage", onChange: handleInputChange, className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, "Escolha o tipo de vídeo"), /*#__PURE__*/ React.createElement("option", { value: "single", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "Vídeo Único"), /*#__PURE__*/ React.createElement("option", { value: "package", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, "Pacote de Vídeos")), /*#__PURE__*/ React.createElement("select", { name: "hasScript", onChange: handleInputChange, className: "w-full p-3 border rounded-md", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 98, columnNumber: 9 }, __self: this }, "Já tem o(s) roteiro(s)?"), /*#__PURE__*/ React.createElement("option", { value: "yes", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "Sim"), /*#__PURE__*/ React.createElement("option", { value: "no", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Não")), /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-center", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://casalimago.com.br/contact-9", target: "_blank", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700", __source: { fileName: "", lineNumber: 103, columnNumber: 71 }, __self: this }, "Enviar")))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex justify-center items-center", __source: { fileName: "", lineNumber: 113, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full space-y-8 p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 114, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-[#000000]", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, "Briefing Interativo"), formContent)); }