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 [currentSlide, setCurrentSlide] = React.useState(0); const [fontsLoaded, setFontsLoaded] = React.useState(false); const [showAdmin, setShowAdmin] = React.useState(false); const [testimonials, setTestimonials] = React.useState([]); const [newTestimonial, setNewTestimonial] = React.useState({ name: "", review: "", image: null }); const [upload, { loading: uploadLoading }] = useUpload(); const [currentTestimonialSlide, setCurrentTestimonialSlide] = React.useState(0); React.useEffect(()=>{ const createTable = async ()=>{ await fetch("/api/db/db_testimonals", { method: "POST", body: JSON.stringify({ query: `CREATE TABLE IF NOT EXISTS testimonials ( id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT NOT NULL, review TEXT NOT NULL, image TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP )` }) }); }; createTable(); const loadFonts = async ()=>{ if (!fontsLoaded) { const link = document.createElement("link"); link.rel = "stylesheet"; link.href = "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Happy+Monkey&display=swap"; document.head.appendChild(link); setFontsLoaded(true); } }; loadFonts(); loadTestimonials(); }, [ fontsLoaded ]); const loadTestimonials = async ()=>{ const response = await fetch("/api/db/db_testimonals", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM testimonials ORDER BY created_at DESC" }) }); const data = await response.json(); if (data.length > 0) { setTestimonials(data); } }; const 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" } ]; const slides = [ { content: "Sono una professionista con oltre 15 anni di esperienza nel mondo dell'informatica, della grafica e dello sviluppo web." }, { content: "La mia carriera è iniziata nel 2007, subito dopo la laurea, con una collaborazione triennale come freelance per insegnare informatica ai bambini delle scuole primarie e per formare i docenti all'utilizzo della LIM." }, { content: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "Nel corso degli anni ho ampliato le mie competenze lavorando con diverse fasce d'età:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Ho tenuto corsi di modellazione 3D per ragazzi dai 12 ai 18 anni."), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "Ho formato adulti, sia in gruppo che individualmente, in ambito informatico."))) }, { content: "Dal 2010, oltre a specializzarmi nella creazione di loghi, grafiche e siti web personalizzati, ho frequentato un corso biennale di specializzazione in grafica pubblicitaria e modellazione 3D, che mi ha permesso di affinare ulteriormente le mie competenze tecniche e creative." }, { content: "Ho collaborato soprattutto con ristoratori, ma anche con altre attività come imprese edili, idraulici ecc.. sviluppando loghi, siti con gestione database, curando la grafica e la fotografia dei piatti, e progettando menù, volantini promozionali e strategie di comunicazione sui social." }, { content: "Dal 2012 al 2014 ho collaborato con un'azienda americana attiva nel settore petrolifero, formando i suoi dipendenti sull'uso delle reti Linux e di software open source per gestire le tecnologie avanzate di estrazione del petrolio." }, { content: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "Nel corso degli anni, la mia formazione e la mia passione per lo sviluppo mi hanno portata a realizzare web app su misura commissionate da professionisti e privati che necessitavano di soluzioni personalizzate, tra cui:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-6", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, "Una per la gestione della spesa."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, "Una per organizzare appuntamenti."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 138, columnNumber: 13 }, __self: this }, "Una per generare preventivi."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, "Un'app per gli appassionati di calcio per analizzare statistiche."), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "Un'app per la gestione del budget"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, "Un'app per l'analisi del mercato delle criptovalute"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, "Diverse app per gli appassionati del lotto, studiate per supportare i giocatori nella gestione e nell'analisi delle loro giocate."))) }, { content: "Ogni progetto è per me una sfida unica, e il mio obiettivo è quello di combinare creatività, tecnologia e funzionalità per aiutare persone e aziende a crescere." }, { content: "Se cerchi una professionista dinamica, con un approccio personalizzato e un'attenzione ai dettagli, sei nel posto giusto!" }, { content: /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Per collaborazioni, per richiedere informazioni o per richiedere un lavoro su misura, puoi contattarmi in diversi modi:"), /*#__PURE__*/ React.createElement("ul", { className: "list-none space-y-2", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-xl mr-2", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }), "Attraverso il menu social in alto"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-xl mr-2", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }), "Visitando la", " ", /*#__PURE__*/ React.createElement("a", { href: "/contatti", className: "text-[#2f518f] font-bold hover:underline", alt: "Vai alla pagina contatti per richiedere informazioni", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, "pagina contatti"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-[#92278F] font-bold flex items-center justify-center", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl mr-2", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 187, columnNumber: 13 }, __self: this }, "Scopri cosa pensano i nostri clienti"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down text-xl ml-2", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }))) } ]; const nextSlide = ()=>{ setCurrentSlide((prev)=>prev === slides.length - 1 ? 0 : prev + 1); }; const prevSlide = ()=>{ setCurrentSlide((prev)=>prev === 0 ? slides.length - 1 : prev - 1); }; const toggleAdmin = ()=>{ if (!showAdmin) { const password = prompt("Inserisci la password di amministrazione:"); if (password === "Jaguar.CH649.FY") { setShowAdmin(true); } } else { setShowAdmin(false); setNewTestimonial({ name: "", review: "", image: null }); } }; const nextTestimonialSlide = ()=>{ setCurrentTestimonialSlide((prev)=>prev === testimonials.length - 1 ? 0 : prev + 1); }; const prevTestimonialSlide = ()=>{ setCurrentTestimonialSlide((prev)=>prev === 0 ? testimonials.length - 1 : prev - 1); }; const handleTestimonialSubmit = async (e)=>{ e.preventDefault(); let imageUrl = ""; if (newTestimonial.image) { const uploadResult = await upload({ file: newTestimonial.image }); if (uploadResult.error) { alert("Errore nel caricamento dell'immagine"); return; } imageUrl = uploadResult.url; } await fetch("/api/db/db_testimonals", { method: "POST", body: JSON.stringify({ query: "INSERT INTO testimonials (name, review, image) VALUES (?, ?, ?)", values: [ newTestimonial.name, newTestimonial.review, imageUrl ] }) }); setNewTestimonial({ name: "", review: "", image: null }); loadTestimonials(); }; const handleDeleteTestimonial = async (id)=>{ if (confirm("Sei sicuro di voler eliminare questa recensione?")) { await fetch("/api/db/db_testimonals", { method: "POST", body: JSON.stringify({ query: "DELETE FROM testimonials WHERE id = ?", values: [ id ] }) }); loadTestimonials(); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#00BBF9]", __source: { fileName: "", lineNumber: 269, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 270, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://jzsviluppo.it/about-chi-sono", __source: { fileName: "", lineNumber: 271, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com", __source: { fileName: "", lineNumber: 275, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous", __source: { fileName: "", lineNumber: 276, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "preload", href: "https://ucarecdn.com/0ea9da58-a3c0-4feb-aefa-fa29129ec02c/-/format/auto/", as: "image", fetchpriority: "high", __source: { fileName: "", lineNumber: 281, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 288, columnNumber: 7 }, __self: this }, ` .font-happy-monkey { font-family: 'Happy Monkey', Candara, cursive; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .slide-content { animation: fadeIn 0.5s ease-in-out; } `), /*#__PURE__*/ React.createElement(MenuHeader, { logo: "https://ucarecdn.com/0ea9da58-a3c0-4feb-aefa-fa29129ec02c/-/format/auto/", menuItems: menuItems, onMobileMenuClick: ()=>console.log("Mobile menu clicked"), __source: { fileName: "", lineNumber: 302, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { async: true, src: "https://www.googletagmanager.com/gtag/js?id=G-29KG3MZV45", __source: { fileName: "", lineNumber: 307, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("script", { __source: { fileName: "", lineNumber: 311, columnNumber: 7 }, __self: this }, ` window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-29KG3MZV45'); `), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 pb-20", __source: { fileName: "", lineNumber: 317, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mt-10", __source: { fileName: "", lineNumber: 318, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { style: { fontFamily: "'Permanent Marker', Helvetica, cursive" }, className: "text-[#92278F] text-4xl sm:text-5xl md:text-6xl", __source: { fileName: "", lineNumber: 319, columnNumber: 11 }, __self: this }, "ABOUT"), /*#__PURE__*/ React.createElement("h2", { className: "text-[#92278F] text-2xl sm:text-3xl md:text-4xl mt-2 font-happy-monkey", __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }, "CHI SONO")), /*#__PURE__*/ React.createElement("div", { className: "mt-10 relative", __source: { fileName: "", lineNumber: 329, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white/90 rounded-lg p-4 sm:p-6 md:p-8 shadow-lg font-happy-monkey text-[#92278F] leading-relaxed min-h-[300px] flex items-center text-sm sm:text-base", __source: { fileName: "", lineNumber: 330, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: prevSlide, className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-3 sm:-translate-x-6 bg-[#92278F] text-white rounded-full w-8 h-8 sm:w-12 sm:h-12 flex items-center justify-center hover:bg-[#7B1F77] transition-colors", "aria-label": "Slide precedente", __source: { fileName: "", lineNumber: 331, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left text-sm sm:text-base", __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full px-4 sm:px-0", __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, slides[currentSlide].content), /*#__PURE__*/ React.createElement("button", { onClick: nextSlide, className: "absolute right-0 top-1/2 -translate-y-1/2 translate-x-3 sm:translate-x-6 bg-[#92278F] text-white rounded-full w-8 h-8 sm:w-12 sm:h-12 flex items-center justify-center hover:bg-[#7B1F77] transition-colors", "aria-label": "Slide successiva", __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-sm sm:text-base", __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4 gap-1 sm:gap-2 flex-wrap", __source: { fileName: "", lineNumber: 352, columnNumber: 11 }, __self: this }, slides.map((_, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>setCurrentSlide(index), className: `w-2 h-2 sm:w-3 sm:h-3 rounded-full transition-colors ${currentSlide === index ? "bg-[#92278F]" : "bg-[#92278F]/30"}`, "aria-label": `Vai alla slide ${index + 1}`, __source: { fileName: "", lineNumber: 354, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement(CompCookieGdpr, { showBanner: true, __source: { fileName: "", lineNumber: 366, columnNumber: 7 }, __self: this }), testimonials.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 pb-20", __source: { fileName: "", lineNumber: 369, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { style: { fontFamily: "'Permanent Marker', Helvetica, cursive" }, className: "text-[#92278F] text-3xl sm:text-4xl md:text-5xl text-center mb-8", __source: { fileName: "", lineNumber: 370, columnNumber: 11 }, __self: this }, "DICONO DI ME"), /*#__PURE__*/ React.createElement("div", { className: "relative max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 376, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: prevTestimonialSlide, className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-3 sm:-translate-x-6 bg-[#92278F] text-white rounded-full w-8 h-8 sm:w-12 sm:h-12 flex items-center justify-center hover:bg-[#7B1F77] transition-colors z-10", "aria-label": "Recensione precedente", __source: { fileName: "", lineNumber: 377, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left", __source: { fileName: "", lineNumber: 382, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-white/90 rounded-lg p-6 shadow-lg slide-content", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 386, columnNumber: 15 }, __self: this }, testimonials[currentTestimonialSlide].image && /*#__PURE__*/ React.createElement("img", { src: testimonials[currentTestimonialSlide].image, alt: `Foto di ${testimonials[currentTestimonialSlide].name}`, className: "w-12 h-12 rounded-full object-cover mr-4", __source: { fileName: "", lineNumber: 388, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-happy-monkey text-[#92278F] text-xl", __source: { fileName: "", lineNumber: 394, columnNumber: 17 }, __self: this }, testimonials[currentTestimonialSlide].name)), /*#__PURE__*/ React.createElement("p", { className: "font-happy-monkey text-[#92278F]", __source: { fileName: "", lineNumber: 398, columnNumber: 15 }, __self: this }, testimonials[currentTestimonialSlide].review), showAdmin && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteTestimonial(testimonials[currentTestimonialSlide].id), className: "mt-4 text-red-500 hover:text-red-700", __source: { fileName: "", lineNumber: 402, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }), " Elimina")), /*#__PURE__*/ React.createElement("button", { onClick: nextTestimonialSlide, className: "absolute right-0 top-1/2 -translate-y-1/2 translate-x-3 sm:translate-x-6 bg-[#92278F] text-white rounded-full w-8 h-8 sm:w-12 sm:h-12 flex items-center justify-center hover:bg-[#7B1F77] transition-colors z-10", "aria-label": "Recensione successiva", __source: { fileName: "", lineNumber: 415, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right", __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4 gap-1 sm:gap-2", __source: { fileName: "", lineNumber: 423, columnNumber: 13 }, __self: this }, testimonials.map((_, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>setCurrentTestimonialSlide(index), className: `w-2 h-2 sm:w-3 sm:h-3 rounded-full transition-colors ${currentTestimonialSlide === index ? "bg-[#92278F]" : "bg-[#92278F]/30"}`, "aria-label": `Vai alla recensione ${index + 1}`, __source: { fileName: "", lineNumber: 425, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center text-xs text-[#92278F] mb-4", __source: { fileName: "", lineNumber: 441, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.mrlink.it", target: "_blank", title: "directory mrlink", __source: { fileName: "", lineNumber: 442, columnNumber: 9 }, __self: this }, "Directory Siti Web")), showAdmin && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-20 right-4", __source: { fileName: "", lineNumber: 452, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 w-80", __source: { fileName: "", lineNumber: 453, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-happy-monkey text-[#92278F] text-xl mb-4", __source: { fileName: "", lineNumber: 454, columnNumber: 13 }, __self: this }, "Aggiungi Recensione"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleTestimonialSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 457, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: newTestimonial.name, onChange: (e)=>setNewTestimonial({ ...newTestimonial, name: e.target.value }), placeholder: "Nome del cliente", className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 473, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: newTestimonial.review, onChange: (e)=>setNewTestimonial({ ...newTestimonial, review: e.target.value }), placeholder: "Recensione", className: "w-full p-2 border rounded", rows: "4", required: true, __source: { fileName: "", lineNumber: 474, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 488, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>setNewTestimonial({ ...newTestimonial, image: e.target.files[0] }), className: "w-full", __source: { fileName: "", lineNumber: 489, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: uploadLoading, className: "w-full bg-[#92278F] text-white py-2 rounded hover:bg-[#7B1F77] transition-colors", __source: { fileName: "", lineNumber: 501, columnNumber: 15 }, __self: this }, uploadLoading ? "Caricamento..." : "Aggiungi Recensione")))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4", __source: { fileName: "", lineNumber: 513, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleAdmin, className: "bg-[#92278F] text-white w-12 h-12 rounded-full flex items-center justify-center hover:bg-[#7B1F77] transition-colors shadow-lg", "aria-label": "Gestione recensioni", __source: { fileName: "", lineNumber: 514, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-screwdriver-wrench text-xl", __source: { fileName: "", lineNumber: 519, columnNumber: 11 }, __self: this })))); }