function CompCookieGdpr({ onAccept, onReject, showBanner = true }) { const [cookiesAccepted, setCookiesAccepted] = React.useState(false); const [showPolicy, setShowPolicy] = React.useState(false); const handleAccept = ()=>{ setCookiesAccepted(true); onAccept?.(); const expiryDate = new Date(); expiryDate.setDate(expiryDate.getDate() + 10); localStorage.setItem("cookieConsent", JSON.stringify({ status: "accepted", expiry: expiryDate.toISOString() })); }; const handleReject = ()=>{ setCookiesAccepted(false); onReject?.(); localStorage.setItem("cookieConsent", JSON.stringify({ status: "rejected", expiry: null })); }; React.useEffect(()=>{ const storedConsent = localStorage.getItem("cookieConsent"); if (storedConsent) { const consent = JSON.parse(storedConsent); if (consent.status === "accepted") { if (consent.expiry && new Date(consent.expiry) > new Date()) { setCookiesAccepted(true); } else { localStorage.removeItem("cookieConsent"); setCookiesAccepted(false); } } } }, []); return /*#__PURE__*/ React.createElement("div", { className: "font-happy-monkey", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, showBanner && !cookiesAccepted && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-white shadow-lg z-50", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-2 flex flex-col sm:flex-row items-center justify-between text-sm", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#92278F] mb-2 sm:mb-0 sm:mr-4 text-xs sm:text-sm max-w-3xl", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Questo sito utilizza i cookie per migliorare la tua esperienza.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 sm:gap-4 justify-center sm:justify-end", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleAccept, className: "bg-[#92278F] text-white px-4 py-1 text-xs sm:text-sm rounded-md hover:bg-[#7B1F77] transition-colors", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Accetta"), /*#__PURE__*/ React.createElement("button", { onClick: handleReject, className: "border border-[#92278F] text-[#92278F] px-4 py-1 text-xs sm:text-sm rounded-md hover:bg-gray-100 transition-colors", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Rifiuta"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPolicy(true), className: "text-[#92278F] text-xs sm:text-sm underline hover:text-[#7B1F77]", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Informativa Privacy")))), showPolicy && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-transparent z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg max-w-2xl max-h-[80vh] overflow-y-auto p-6", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#92278F] font-bold mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Informativa sulla Privacy e Cookie Policy"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#92278F] font-bold mt-6 mb-2", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "1. Informazioni generali"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "La presente informativa descrive come JZ Sviluppo raccoglie e utilizza i dati personali degli utenti che visitano il sito web jzsviluppo.it."), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#92278F] font-bold mt-6 mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, "2. Dati raccolti"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Raccogliamo i seguenti dati:", /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 mt-2", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Indirizzo IP (raccolto automaticamente dal sito per la gestione del banner dei cookie)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 106, columnNumber: 17 }, __self: this }, "Solo quando gli utenti compilano il form di contatto per richiedere un preventivo:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 mt-2", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 111, columnNumber: 19 }, __self: this }, "Nome"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "Indirizzo email"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, "Numero di telefono")))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#92278F] font-bold mt-6 mb-2", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, "3. Finalità del trattamento"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "I dati vengono utilizzati esclusivamente per:", /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 mt-2", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }, "Gestione delle preferenze dei cookie (IP)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, "Rispondere alle richieste di preventivo"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 126, columnNumber: 17 }, __self: this }, "Fornire assistenza e supporto"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, "Inviare comunicazioni relative al servizio richiesto"))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#92278F] font-bold mt-6 mb-2", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, "4. Base giuridica"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, "Il trattamento dei dati si basa sul consenso dell'utente e sulla necessità di eseguire il servizio richiesto."), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#92278F] font-bold mt-6 mb-2", __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, "5. Conservazione dei dati"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "I dati vengono conservati per il tempo necessario a fornire il servizio richiesto e per gli obblighi di legge. Le preferenze dei cookie vengono conservate per 10 giorni."), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#92278F] font-bold mt-6 mb-2", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "6. Diritti dell'utente"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }, "L'utente ha il diritto di:", /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 mt-2", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this }, "Accedere ai propri dati"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, "Richiedere la rettifica o la cancellazione"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 156, columnNumber: 17 }, __self: this }, "Limitare il trattamento"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this }, "Opporsi al trattamento"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Richiedere la portabilità dei dati"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPolicy(false), className: "mt-6 bg-[#92278F] text-white px-6 py-2 rounded-md hover:bg-[#7B1F77] transition-colors", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, "Chiudi")))); } function CompCookieGdprStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen", __source: { fileName: "", lineNumber: 177, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CompCookieGdpr, { showBanner: true, __source: { fileName: "", lineNumber: 178, columnNumber: 7 }, __self: this })); } function MenuHeader({ logo, menuItems }) { const [isMobileMenuOpen, setIsMobileMenuOpen] = React.useState(false); const toggleMobileMenu = ()=>{ setIsMobileMenuOpen(!isMobileMenuOpen); }; const socialLinks = [ { href: "https://www.instagram.com/jayzeta.sviluppowebgrafica", icon: "fab fa-instagram", label: "Instagram", alt: "Seguici su Instagram" }, { href: "mailto:jayzetasviluppo@gmail.com", icon: "fas fa-envelope", label: "Email", alt: "Contattaci via email" } ]; const SocialLinks = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, socialLinks.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: link.href, target: "_blank", rel: "noopener noreferrer", className: "text-[#92278F] hover:text-[#FEE440] transition-colors", "aria-label": link.label, alt: link.alt, __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${link.icon} text-2xl`, __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })))); return /*#__PURE__*/ React.createElement("header", { className: "relative px-4 py-3 bg-[#00BBF9] w-full z-50", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap'); .font-happy-monkey { font-family: 'Happy Monkey', Candara, cursive; } .mobile-menu-scroll { -webkit-overflow-scrolling: touch; scrollbar-width: none; } .mobile-menu-scroll::-webkit-scrollbar { display: none; } `), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between md:justify-start md:space-x-8", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "block", alt: "Torna alla Home", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logo || "https://ucarecdn.com/0ea9da58-a3c0-4feb-aefa-fa29129ec02c/-/format/auto/", alt: "jzsviluppo.it - soluzioni digitali personalizzate", className: "w-20 md:w-28", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex justify-center", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(SocialLinks, { __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex items-center space-x-4", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, menuItems?.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "font-happy-monkey text-[#92278F] hover:text-[#FEE440] transition-colors flex items-center space-x-2", alt: `Vai alla pagina ${item.text}`, __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: item.icon, __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, item.text)))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden flex flex-col items-center", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#92278F] flex flex-col items-center", onClick: toggleMobileMenu, "aria-label": "Menu di navigazione", alt: "Apri/Chiudi menu di navigazione", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMobileMenuOpen ? "fa-times" : "fa-bars"} text-2xl mb-1`, __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs font-happy-monkey", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, isMobileMenuOpen ? "Chiudi" : "Naviga nel sito")))), isMobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute top-full left-0 right-0 bg-[#00BBF9] md:hidden overflow-x-auto mobile-menu-scroll", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex items-center justify-start py-2 px-4 min-w-max", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, menuItems?.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.href, className: "font-happy-monkey text-[#92278F] hover:text-[#FEE440] transition-colors px-2 py-1 flex flex-col items-center text-center whitespace-nowrap", onClick: ()=>setIsMobileMenuOpen(false), alt: `Vai alla pagina ${item.text}`, __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${item.icon} text-lg mb-1`, __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, item.text)))))); } function MenuHeaderStory() { const defaultMenuItems = [ { href: "/", text: "Home", icon: "fas fa-home" }, { href: "/contatti", text: "Contatti", icon: "fas fa-envelope" }, { href: "/about-chi-sono", text: "Chi sono", icon: "fas fa-user" }, { href: "/servizi", text: "Servizi", icon: "fas fa-cog" }, { href: "/app-sviluppate", text: "App Create", icon: "fas fa-mobile-alt" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#00BBF9]", __source: { fileName: "", lineNumber: 146, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MenuHeader, { menuItems: defaultMenuItems, __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this })); } function MainComponent() { const [formData, setFormData] = React.useState({ nome: "", email: "", telefono: "", oggetto: "", messaggio: "", tipoRichiesta: "informazioni" }); const [errors, setErrors] = React.useState({}); const [isSubmitting, setIsSubmitting] = React.useState(false); const validateEmail = async (email)=>{ try { const response = await fetch(`/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(email)}`); const data = await response.json(); return data.status === "deliverable"; } catch (error) { return false; } }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); setErrors((prev)=>({ ...prev, [name]: "" })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setIsSubmitting(true); const newErrors = {}; if (!formData.nome.trim()) { newErrors.nome = "Il nome è obbligatorio"; } if (!formData.email.trim()) { newErrors.email = "L'email è obbligatoria"; } else { const isEmailValid = await validateEmail(formData.email); if (!isEmailValid) { newErrors.email = "L'email non è valida"; } } if (!formData.messaggio.trim()) { newErrors.messaggio = "Il messaggio è obbligatorio"; } if (Object.keys(newErrors).length === 0) { const mailtoLink = `mailto:jayzetasviluppo@gmail.com?subject=${encodeURIComponent(formData.oggetto)}&body=${encodeURIComponent(`Nome: ${formData.nome} Email: ${formData.email} Telefono: ${formData.telefono} Tipo di richiesta: ${formData.tipoRichiesta} Messaggio: ${formData.messaggio}`)}`; window.location.href = mailtoLink; } else { setErrors(newErrors); } setIsSubmitting(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#00BBF9]", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://jzsviluppo.it/contatti", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: "JZ Sviluppo - Contattaci", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: "Contattaci per informazioni, preventivi o servizi personalizzati. Siamo qui per aiutarti a realizzare i tuoi progetti digitali.", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Happy+Monkey&display=swap", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preload", as: "image", href: "https://ucarecdn.com/0ea9da58-a3c0-4feb-aefa-fa29129ec02c/-/format/auto/", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-29KG3MZV45", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-29KG3MZV45'); `), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, ` .font-happy-monkey { font-family: "Happy Monkey", Candara, cursive; } `), /*#__PURE__*/ React.createElement(MenuHeader, { logo: "https://ucarecdn.com/0ea9da58-a3c0-4feb-aefa-fa29129ec02c/-/format/auto/", menuItems: [ { href: "/", text: "Home", icon: "fas fa-home", alt: "Vai alla Home" }, { href: "/contatti", text: "Contatti", icon: "fas fa-envelope", alt: "Vai alla pagina Contatti" }, { href: "/about-chi-sono", text: "Chi sono", icon: "fas fa-user", alt: "Vai alla pagina Chi sono" }, { href: "/servizi", text: "Servizi", icon: "fas fa-cog", alt: "Vai alla pagina Servizi" }, { href: "/app-sviluppate", text: "App Create", icon: "fas fa-mobile-alt", alt: "Vai alla pagina App Create" } ], __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4 md:py-8", __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { style: { fontFamily: "'Permanent Marker', Helvetica, cursive" }, className: "text-[#92278F] text-5xl md:text-6xl mb-4", __source: { fileName: "", lineNumber: 160, columnNumber: 11 }, __self: this }, "CONTATTI"), /*#__PURE__*/ React.createElement("p", { className: "font-happy-monkey text-[#92278F] text-sm", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, "I campi contrassegnati con * sono obbligatori")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-2xl mx-auto bg-white rounded-lg shadow-xl p-4 md:p-8 mt-4 md:mt-0", __source: { fileName: "", lineNumber: 171, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-happy-monkey text-[#92278F] mb-2", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, "Tipo di richiesta*"), /*#__PURE__*/ React.createElement("select", { name: "tipoRichiesta", value: formData.tipoRichiesta, onChange: handleInputChange, className: "w-full p-3 border border-[#92278F] rounded-md font-happy-monkey focus:outline-none focus:ring-2 focus:ring-[#92278F]", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "informazioni", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "Informazioni generali"), /*#__PURE__*/ React.createElement("option", { value: "preventivo", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, "Richiesta preventivo"), /*#__PURE__*/ React.createElement("option", { value: "personalizzato", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, "Servizio personalizzato"))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-happy-monkey text-[#92278F] mb-2", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, "Nome*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "nome", value: formData.nome, onChange: handleInputChange, className: "w-full p-3 border border-[#92278F] rounded-md font-happy-monkey focus:outline-none focus:ring-2 focus:ring-[#92278F]", placeholder: "Il tuo nome", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }), errors.nome && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, errors.nome)), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-happy-monkey text-[#92278F] mb-2", __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this }, "Email*"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, className: "w-full p-3 border border-[#92278F] rounded-md font-happy-monkey focus:outline-none focus:ring-2 focus:ring-[#92278F]", placeholder: "La tua email", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, errors.email)), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-happy-monkey text-[#92278F] mb-2", __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, "Telefono (opzionale)"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefono", value: formData.telefono, onChange: handleInputChange, className: "w-full p-3 border border-[#92278F] rounded-md font-happy-monkey focus:outline-none focus:ring-2 focus:ring-[#92278F]", placeholder: "Il tuo numero di telefono", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 237, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-happy-monkey text-[#92278F] mb-2", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, "Oggetto*"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "oggetto", value: formData.oggetto, onChange: handleInputChange, className: "w-full p-3 border border-[#92278F] rounded-md font-happy-monkey focus:outline-none focus:ring-2 focus:ring-[#92278F]", placeholder: "Oggetto della richiesta", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "col-span-1 md:col-span-2", __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-happy-monkey text-[#92278F] mb-2", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, "Messaggio*"), /*#__PURE__*/ React.createElement("textarea", { name: "messaggio", value: formData.messaggio, onChange: handleInputChange, rows: "5", className: "w-full p-3 border border-[#92278F] rounded-md font-happy-monkey focus:outline-none focus:ring-2 focus:ring-[#92278F]", placeholder: "Il tuo messaggio", __source: { fileName: "", lineNumber: 255, columnNumber: 17 }, __self: this }), errors.messaggio && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this }, errors.messaggio)), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-[#92278F] text-white py-3 px-6 rounded-md font-happy-monkey hover:bg-[#7B1F77] transition-colors duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, isSubmitting ? "Invio in corso..." : "Invia messaggio")))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-8 font-happy-monkey text-[#92278F]", __source: { fileName: "", lineNumber: 280, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 281, columnNumber: 11 }, __self: this }, "Hai già dato un occhio ai nostri servizi?", " ", /*#__PURE__*/ React.createElement("a", { href: "/servizi", className: "text-[#FEE440] font-bold hover:text-[#F15BB5] underline transition-colors", alt: "Vai alla pagina dei servizi", __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, "clicca qui"), " ", "per scoprirli tutti!"))), /*#__PURE__*/ React.createElement(CompCookieGdpr, { __source: { fileName: "", lineNumber: 294, columnNumber: 7 }, __self: this })); }