CalabrEat \u2013 Contatti<\/title>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300&display=swap\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\n <script>\n emailjs.init('TqVEqcNFrva9wAiSD'); \/\/ \u2190 sostituisci con la tua Public Key EmailJS\n <\/script>\n\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: \"Open Sans\", system-ui, -apple-system, sans-serif;\n background: #ffffff;\n color: #444;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n img { max-width: 100%; display: block; height: auto; }\n a { color: inherit; text-decoration: none; }\n\n \/* ====== HERO ====== *\/\n .contact-hero {\n width: 100%;\n height: clamp(200px, 30vw, 360px);\n background-image: url('http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/06\/011-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Arnie_-scaled.jpg');\n background-size: cover;\n background-position: center;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .contact-hero h1 {\n font-family: \"Playfair Display\", serif;\n font-size: clamp(28px, 5vw, 48px);\n color: #fff;\n text-shadow: 0 3px 8px rgba(0,0,0,0.4);\n text-align: center;\n padding: 0 20px;\n }\n\n \/* ====== CONTAINER ====== *\/\n .contact-container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 60px 20px;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-bottom: 50px;\n align-items: start;\n }\n\n \/* ====== LEFT \u2014 FORM ====== *\/\n .contact-left h2 {\n font-family: \"Playfair Display\", serif;\n font-size: clamp(22px, 3vw, 28px);\n color: #b88a4c;\n margin-bottom: 20px;\n }\n\n .contact-left > p {\n font-size: 14px;\n line-height: 1.7;\n margin-bottom: 25px;\n color: #666;\n }\n\n .form-row { display: flex; gap: 15px; }\n\n .form-group { flex: 1; margin-bottom: 18px; }\n\n form label {\n font-size: 13px;\n margin-bottom: 5px;\n display: block;\n color: #777;\n }\n\n form label span { color: #aaa; font-style: italic; }\n\n input[type=\"text\"],\n input[type=\"email\"] {\n width: 100%;\n border: 1px solid #ddd;\n padding: 10px;\n font-size: 14px;\n font-family: inherit;\n background: #fafafa;\n transition: border-color 0.2s;\n }\n\n input[type=\"text\"]:focus,\n input[type=\"email\"]:focus,\n textarea:focus {\n outline: none;\n border-color: #b88a4c;\n }\n\n textarea {\n width: 100%;\n border: 1px solid #ddd;\n padding: 10px;\n font-size: 14px;\n font-family: inherit;\n background: #fafafa;\n min-height: 120px;\n resize: vertical;\n margin-bottom: 18px;\n transition: border-color 0.2s;\n }\n\n .privacy-title {\n font-size: 13px;\n font-weight: 600;\n margin-bottom: 8px;\n color: #555;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\n\n .privacy-text {\n font-size: 12px;\n color: #777;\n margin-bottom: 12px;\n line-height: 1.6;\n }\n\n .privacy-check {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n font-size: 13px;\n color: #666;\n margin-bottom: 24px;\n }\n\n .privacy-check input[type=\"checkbox\"] {\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n \/* ====== BOTTONE + STATI ====== *\/\n .btn-outline {\n display: inline-block;\n padding: 10px 34px;\n border: 1px solid #7b3f30;\n text-transform: uppercase;\n font-size: 12px;\n letter-spacing: 0.12em;\n color: #7b3f30;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n transition: background-color 0.2s, color 0.2s, opacity 0.2s;\n }\n\n .btn-outline:hover:not(:disabled) { background-color: #7b3f30; color: #fff; }\n .btn-outline:disabled { opacity: 0.5; cursor: not-allowed; }\n\n \/* Messaggi feedback *\/\n .form-feedback {\n margin-top: 16px;\n font-size: 13px;\n padding: 10px 14px;\n border-radius: 2px;\n display: none;\n }\n\n .form-feedback.success {\n display: block;\n background: #f0f7ee;\n color: #3a6b30;\n border: 1px solid #c3dfc0;\n }\n\n .form-feedback.error {\n display: block;\n background: #fdf0f0;\n color: #8b2c2c;\n border: 1px solid #f0c8c8;\n }\n\n \/* ====== RIGHT \u2014 MAPPA ====== *\/\n .contact-right-wrap { display: flex; flex-direction: column; gap: 16px; }\n\n .contact-right {\n width: 100%;\n aspect-ratio: 4 \/ 3;\n background: #e6e2df;\n overflow: hidden;\n border-radius: 2px;\n }\n\n .contact-right iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n }\n\n .map-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: #9c8c84;\n font-size: 13px;\n }\n\n .map-placeholder svg { opacity: 0.5; }\n\n .contact-address {\n font-size: 13px;\n color: #777;\n line-height: 1.7;\n }\n\n .contact-address strong {\n display: block;\n font-size: 14px;\n color: #b88a4c;\n font-family: \"Playfair Display\", serif;\n margin-bottom: 4px;\n }\n\n .contact-address a { color: #7b3f30; }\n .contact-address a:hover { text-decoration: underline; }\n\n \/* ====== SEPARATORI ====== *\/\n .line-sep { width: 100%; height: 1px; background: #e0dad5; margin: 40px 0; }\n\n .center-link {\n text-align: center;\n font-size: 13px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #333;\n margin-bottom: 40px;\n }\n\n \/* ====== SOCIAL BLOCK ====== *\/\n .social-block { text-align: center; margin-bottom: 60px; }\n .social-block p { margin-bottom: 6px; font-size: 14px; color: #666; }\n .social-block .bold { font-weight: 700; color: #7b3f30; }\n\n .whatsapp-link { font-weight: 700; color: #7b3f30; }\n .whatsapp-link:hover { text-decoration: underline; }\n\n .social-icons { display: flex; justify-content: center; gap: 10px; margin: 14px 0; }\n\n .social-circle {\n width: 28px; height: 28px;\n border-radius: 50%;\n border: 1px solid #d5c5bf;\n display: flex; align-items: center; justify-content: center;\n font-size: 12px; color: #a27e6b; text-decoration: none;\n transition: background-color 0.2s, color 0.2s;\n }\n\n .social-circle:hover { background-color: #a27e6b; color: #fff; }\n\n .footer-links {\n margin-top: 18px;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #7b3f30;\n display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\n }\n\n .footer-links a:hover { text-decoration: underline; }\n\n \/* ====== IMMAGINE BOTTOM ====== *\/\n .bottom-image { width: 100%; margin-top: 40px; overflow: hidden; }\n\n .bottom-image img {\n width: 100%;\n height: clamp(180px, 25vw, 320px);\n object-fit: cover;\n display: block;\n }\n\n \/* ====== RESPONSIVE ====== *\/\n @media (max-width: 768px) {\n .contact-grid { grid-template-columns: 1fr; gap: 36px; }\n .contact-right-wrap { order: -1; }\n .form-row { flex-direction: column; gap: 0; }\n .contact-container { padding: 40px 16px; }\n }\n\n @media (max-width: 480px) {\n .contact-container { padding: 30px 12px; }\n .btn-outline { width: 100%; text-align: center; padding: 12px; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <section class=\"contact-hero\">\n <h1>CalabrEat: contatti<\/h1>\n <\/section>\n\n \n <div class=\"contact-container\">\n\n <div class=\"contact-grid\">\n\n \n <div class=\"contact-left\">\n <h2>Contattaci<\/h2>\n <p>\n Se hai domande, suggerimenti o proposte o se vuoi entrare in contatto\n con un membro dello staff di CalabrEat, compila il modulo:\n <\/p>\n\n \n <form\n id=\"contact-form\"\n action=\"send-mail.php\"\n method=\"post\"\n novalidate\n >\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nome\">Nome <span>(obbligatorio)<\/span><\/label>\n <input type=\"text\" id=\"nome\" name=\"nome\" required autocomplete=\"given-name\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"cognome\">Cognome<\/label>\n <input type=\"text\" id=\"cognome\" name=\"cognome\" autocomplete=\"family-name\">\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"email\">Email <span>(obbligatorio)<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required autocomplete=\"email\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"oggetto\">Oggetto <span>(obbligatorio)<\/span><\/label>\n <input type=\"text\" id=\"oggetto\" name=\"oggetto\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"messaggio\">Messaggio <span>(obbligatorio)<\/span><\/label>\n <textarea id=\"messaggio\" name=\"messaggio\" required><\/textarea>\n <\/div>\n\n <p class=\"privacy-title\">Informativa sulla privacy<\/p>\n <p class=\"privacy-text\">\n Acconsento al trattamento, alla conservazione e alla comunicazione dei miei dati personali\n con le modalit\u00e0 e le finalit\u00e0 indicate nell’Informativa sulla Privacy.\n <\/p>\n\n <div class=\"privacy-check\">\n <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required>\n <label for=\"privacy\">Ho letto e accetto l’informativa sulla privacy.<\/label>\n <\/div>\n\n <button type=\"submit\" id=\"submit-btn\" class=\"btn-outline\">Invia messaggio<\/button>\n\n \n <div class=\"form-feedback success\" id=\"msg-ok\">\n \u2713 Messaggio inviato con successo! Ti risponderemo presto.\n <\/div>\n <div class=\"form-feedback error\" id=\"msg-err\">\n \u2717 Qualcosa \u00e8 andato storto. Riprova o scrivici direttamente a info@calabreat.com\n <\/div>\n\n <\/form>\n <\/div>\n\n \n <div class=\"contact-right-wrap\">\n <div class=\"contact-right\">\n \n <div class=\"map-placeholder\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\n <\/svg>\n <span>Mappa in arrivo<\/span>\n <\/div>\n <\/div>\n\n <div class=\"contact-address\">\n <strong>CalabrEat<\/strong>\n San Costantino Calabro<br>\n Calabria, 89851 \u2014 Italia<br>\n <a href=\"mailto:info@calabreat.com\">info@calabreat.com<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"line-sep\"><\/div>\n <p class=\"center-link\">Accedi carrello (0)<\/p>\n\n <div class=\"social-block\">\n <p>Seguici e resta in contatto su:<\/p>\n\n <div class=\"social-icons\">\n <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su Facebook\">f<\/a>\n <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su LinkedIn\">in<\/a>\n <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su Instagram\">ig<\/a>\n <\/div>\n\n <p>\n Contattaci su WhatsApp:\n <a href=\"https:\/\/wa.me\/393315643674\" class=\"whatsapp-link\">331 564 3674<\/a>\n <\/p>\n <p class=\"bold\">DDF1970 \u2013 Digital for Diet and Food srl<\/p>\n\n <div class=\"footer-links\">\n <a href=\"#\">Privacy Policy<\/a>\n <a href=\"#\">Termini di utilizzo<\/a>\n <a href=\"#\">Contatti<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"bottom-image\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/06\/011-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Arnie_-scaled.jpg\"\n alt=\"Arnie di CalabrEat a San Costantino Calabro\"\n width=\"1100\"\n height=\"320\"\n loading=\"lazy\"\n >\n <\/div>\n\n \n <script>\n (function () {\n const SERVICE_ID = 'service_8zz92nu'; \/\/ \u2190 da EmailJS dashboard\n const TEMPLATE_ID = 'template_rc2ae3o'; \/\/ \u2190 da EmailJS dashboard\n const PUBLIC_KEY = 'TqVEqcNFrva9wAiSD'; \/\/ \u2190 da EmailJS dashboard\n\n \/\/ Se non hai ancora configurato EmailJS, il form usa il PHP\n if (PUBLIC_KEY === 'YOUR_PUBLIC_KEY') return;\n\n const form = document.getElementById('contact-form');\n const btnSubmit = document.getElementById('submit-btn');\n const msgOk = document.getElementById('msg-ok');\n const msgErr = document.getElementById('msg-err');\n\n form.addEventListener('submit', function (e) {\n e.preventDefault(); \/\/ blocca il submit PHP\n\n \/\/ Validazione manuale campi obbligatori\n const required = ['nome', 'email', 'oggetto', 'messaggio'];\n let valido = true;\n\n required.forEach(function (id) {\n const el = document.getElementById(id);\n if (!el.value.trim()) {\n el.style.borderColor = '#c0392b';\n valido = false;\n } else {\n el.style.borderColor = '#ddd';\n }\n });\n\n const privacy = document.getElementById('privacy');\n if (!privacy.checked) {\n privacy.parentElement.style.color = '#c0392b';\n valido = false;\n } else {\n privacy.parentElement.style.color = '#666';\n }\n\n if (!valido) return;\n\n \/\/ Disabilita bottone durante invio\n btnSubmit.disabled = true;\n btnSubmit.textContent = 'Invio in corso\u2026';\n msgOk.style.display = 'none';\n msgErr.style.display = 'none';\n\n \/\/ Parametri passati al template EmailJS\n const templateParams = {\n nome: document.getElementById('nome').value.trim(),\n cognome: document.getElementById('cognome').value.trim(),\n email: document.getElementById('email').value.trim(),\n oggetto: document.getElementById('oggetto').value.trim(),\n messaggio: document.getElementById('messaggio').value.trim(),\n };\n\n emailjs.send(SERVICE_ID, TEMPLATE_ID, templateParams, PUBLIC_KEY)\n .then(function () {\n msgOk.style.display = 'block';\n form.reset();\n })\n .catch(function (err) {\n console.error('EmailJS error:', err);\n msgErr.style.display = 'block';\n })\n .finally(function () {\n btnSubmit.disabled = false;\n btnSubmit.textContent = 'Invia messaggio';\n });\n });\n })();\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CalabrEat \u2013 Contatti CalabrEat: contatti Contattaci Se hai domande, suggerimenti o proposte o se vuoi entrare in contatto con un membro dello staff di CalabrEat, compila il modulo: Nome (obbligatorio) Cognome Email (obbligatorio) Oggetto (obbligatorio) Messaggio (obbligatorio) Informativa sulla privacy Acconsento al trattamento, alla conservazione e alla comunicazione dei miei dati personali con le modalit\u00e0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":6,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22,"date":"2026-03-27T10:55:17","date_gmt":"2026-03-27T10:55:17","guid":{"rendered":"http:\/\/www.calabreat.com\/?page_id=22"},"modified":"2026-06-01T18:24:54","modified_gmt":"2026-06-01T18:24:54","slug":"contatti","status":"publish","type":"page","link":"https:\/\/www.calabreat.com\/?page_id=22","title":{"rendered":"contatti"},"content":{"rendered":"\n\n\n\n \n \n CalabrEat \u2013 Contatti<\/title>\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300&display=swap\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\n <script>\n emailjs.init('TqVEqcNFrva9wAiSD'); \/\/ \u2190 sostituisci con la tua Public Key EmailJS\n <\/script>\n\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: \"Open Sans\", system-ui, -apple-system, sans-serif;\n background: #ffffff;\n color: #444;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n img { max-width: 100%; display: block; height: auto; }\n a { color: inherit; text-decoration: none; }\n\n \/* ====== HERO ====== *\/\n .contact-hero {\n width: 100%;\n height: clamp(200px, 30vw, 360px);\n background-image: url('http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/06\/011-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Arnie_-scaled.jpg');\n background-size: cover;\n background-position: center;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .contact-hero h1 {\n font-family: \"Playfair Display\", serif;\n font-size: clamp(28px, 5vw, 48px);\n color: #fff;\n text-shadow: 0 3px 8px rgba(0,0,0,0.4);\n text-align: center;\n padding: 0 20px;\n }\n\n \/* ====== CONTAINER ====== *\/\n .contact-container {\n max-width: 1100px;\n margin: 0 auto;\n padding: 60px 20px;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n margin-bottom: 50px;\n align-items: start;\n }\n\n \/* ====== LEFT \u2014 FORM ====== *\/\n .contact-left h2 {\n font-family: \"Playfair Display\", serif;\n font-size: clamp(22px, 3vw, 28px);\n color: #b88a4c;\n margin-bottom: 20px;\n }\n\n .contact-left > p {\n font-size: 14px;\n line-height: 1.7;\n margin-bottom: 25px;\n color: #666;\n }\n\n .form-row { display: flex; gap: 15px; }\n\n .form-group { flex: 1; margin-bottom: 18px; }\n\n form label {\n font-size: 13px;\n margin-bottom: 5px;\n display: block;\n color: #777;\n }\n\n form label span { color: #aaa; font-style: italic; }\n\n input[type=\"text\"],\n input[type=\"email\"] {\n width: 100%;\n border: 1px solid #ddd;\n padding: 10px;\n font-size: 14px;\n font-family: inherit;\n background: #fafafa;\n transition: border-color 0.2s;\n }\n\n input[type=\"text\"]:focus,\n input[type=\"email\"]:focus,\n textarea:focus {\n outline: none;\n border-color: #b88a4c;\n }\n\n textarea {\n width: 100%;\n border: 1px solid #ddd;\n padding: 10px;\n font-size: 14px;\n font-family: inherit;\n background: #fafafa;\n min-height: 120px;\n resize: vertical;\n margin-bottom: 18px;\n transition: border-color 0.2s;\n }\n\n .privacy-title {\n font-size: 13px;\n font-weight: 600;\n margin-bottom: 8px;\n color: #555;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\n\n .privacy-text {\n font-size: 12px;\n color: #777;\n margin-bottom: 12px;\n line-height: 1.6;\n }\n\n .privacy-check {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n font-size: 13px;\n color: #666;\n margin-bottom: 24px;\n }\n\n .privacy-check input[type=\"checkbox\"] {\n margin-top: 2px;\n flex-shrink: 0;\n }\n\n \/* ====== BOTTONE + STATI ====== *\/\n .btn-outline {\n display: inline-block;\n padding: 10px 34px;\n border: 1px solid #7b3f30;\n text-transform: uppercase;\n font-size: 12px;\n letter-spacing: 0.12em;\n color: #7b3f30;\n background-color: transparent;\n cursor: pointer;\n font-family: inherit;\n transition: background-color 0.2s, color 0.2s, opacity 0.2s;\n }\n\n .btn-outline:hover:not(:disabled) { background-color: #7b3f30; color: #fff; }\n .btn-outline:disabled { opacity: 0.5; cursor: not-allowed; }\n\n \/* Messaggi feedback *\/\n .form-feedback {\n margin-top: 16px;\n font-size: 13px;\n padding: 10px 14px;\n border-radius: 2px;\n display: none;\n }\n\n .form-feedback.success {\n display: block;\n background: #f0f7ee;\n color: #3a6b30;\n border: 1px solid #c3dfc0;\n }\n\n .form-feedback.error {\n display: block;\n background: #fdf0f0;\n color: #8b2c2c;\n border: 1px solid #f0c8c8;\n }\n\n \/* ====== RIGHT \u2014 MAPPA ====== *\/\n .contact-right-wrap { display: flex; flex-direction: column; gap: 16px; }\n\n .contact-right {\n width: 100%;\n aspect-ratio: 4 \/ 3;\n background: #e6e2df;\n overflow: hidden;\n border-radius: 2px;\n }\n\n .contact-right iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n }\n\n .map-placeholder {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n color: #9c8c84;\n font-size: 13px;\n }\n\n .map-placeholder svg { opacity: 0.5; }\n\n .contact-address {\n font-size: 13px;\n color: #777;\n line-height: 1.7;\n }\n\n .contact-address strong {\n display: block;\n font-size: 14px;\n color: #b88a4c;\n font-family: \"Playfair Display\", serif;\n margin-bottom: 4px;\n }\n\n .contact-address a { color: #7b3f30; }\n .contact-address a:hover { text-decoration: underline; }\n\n \/* ====== SEPARATORI ====== *\/\n .line-sep { width: 100%; height: 1px; background: #e0dad5; margin: 40px 0; }\n\n .center-link {\n text-align: center;\n font-size: 13px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #333;\n margin-bottom: 40px;\n }\n\n \/* ====== SOCIAL BLOCK ====== *\/\n .social-block { text-align: center; margin-bottom: 60px; }\n .social-block p { margin-bottom: 6px; font-size: 14px; color: #666; }\n .social-block .bold { font-weight: 700; color: #7b3f30; }\n\n .whatsapp-link { font-weight: 700; color: #7b3f30; }\n .whatsapp-link:hover { text-decoration: underline; }\n\n .social-icons { display: flex; justify-content: center; gap: 10px; margin: 14px 0; }\n\n .social-circle {\n width: 28px; height: 28px;\n border-radius: 50%;\n border: 1px solid #d5c5bf;\n display: flex; align-items: center; justify-content: center;\n font-size: 12px; color: #a27e6b; text-decoration: none;\n transition: background-color 0.2s, color 0.2s;\n }\n\n .social-circle:hover { background-color: #a27e6b; color: #fff; }\n\n .footer-links {\n margin-top: 18px;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: #7b3f30;\n display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\n }\n\n .footer-links a:hover { text-decoration: underline; }\n\n \/* ====== IMMAGINE BOTTOM ====== *\/\n .bottom-image { width: 100%; margin-top: 40px; overflow: hidden; }\n\n .bottom-image img {\n width: 100%;\n height: clamp(180px, 25vw, 320px);\n object-fit: cover;\n display: block;\n }\n\n \/* ====== RESPONSIVE ====== *\/\n @media (max-width: 768px) {\n .contact-grid { grid-template-columns: 1fr; gap: 36px; }\n .contact-right-wrap { order: -1; }\n .form-row { flex-direction: column; gap: 0; }\n .contact-container { padding: 40px 16px; }\n }\n\n @media (max-width: 480px) {\n .contact-container { padding: 30px 12px; }\n .btn-outline { width: 100%; text-align: center; padding: 12px; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n \n <section class=\"contact-hero\">\n <h1>CalabrEat: contatti<\/h1>\n <\/section>\n\n \n <div class=\"contact-container\">\n\n <div class=\"contact-grid\">\n\n \n <div class=\"contact-left\">\n <h2>Contattaci<\/h2>\n <p>\n Se hai domande, suggerimenti o proposte o se vuoi entrare in contatto\n con un membro dello staff di CalabrEat, compila il modulo:\n <\/p>\n\n \n <form\n id=\"contact-form\"\n action=\"send-mail.php\"\n method=\"post\"\n novalidate\n >\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"nome\">Nome <span>(obbligatorio)<\/span><\/label>\n <input type=\"text\" id=\"nome\" name=\"nome\" required autocomplete=\"given-name\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"cognome\">Cognome<\/label>\n <input type=\"text\" id=\"cognome\" name=\"cognome\" autocomplete=\"family-name\">\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"email\">Email <span>(obbligatorio)<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required autocomplete=\"email\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"oggetto\">Oggetto <span>(obbligatorio)<\/span><\/label>\n <input type=\"text\" id=\"oggetto\" name=\"oggetto\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"messaggio\">Messaggio <span>(obbligatorio)<\/span><\/label>\n <textarea id=\"messaggio\" name=\"messaggio\" required><\/textarea>\n <\/div>\n\n <p class=\"privacy-title\">Informativa sulla privacy<\/p>\n <p class=\"privacy-text\">\n Acconsento al trattamento, alla conservazione e alla comunicazione dei miei dati personali\n con le modalit\u00e0 e le finalit\u00e0 indicate nell’Informativa sulla Privacy.\n <\/p>\n\n <div class=\"privacy-check\">\n <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required>\n <label for=\"privacy\">Ho letto e accetto l’informativa sulla privacy.<\/label>\n <\/div>\n\n <button type=\"submit\" id=\"submit-btn\" class=\"btn-outline\">Invia messaggio<\/button>\n\n \n <div class=\"form-feedback success\" id=\"msg-ok\">\n \u2713 Messaggio inviato con successo! Ti risponderemo presto.\n <\/div>\n <div class=\"form-feedback error\" id=\"msg-err\">\n \u2717 Qualcosa \u00e8 andato storto. Riprova o scrivici direttamente a info@calabreat.com\n <\/div>\n\n <\/form>\n <\/div>\n\n \n <div class=\"contact-right-wrap\">\n <div class=\"contact-right\">\n \n <div class=\"map-placeholder\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\n <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\n <\/svg>\n <span>Mappa in arrivo<\/span>\n <\/div>\n <\/div>\n\n <div class=\"contact-address\">\n <strong>CalabrEat<\/strong>\n San Costantino Calabro<br>\n Calabria, 89851 \u2014 Italia<br>\n <a href=\"mailto:info@calabreat.com\">info@calabreat.com<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"line-sep\"><\/div>\n <p class=\"center-link\">Accedi carrello (0)<\/p>\n\n <div class=\"social-block\">\n <p>Seguici e resta in contatto su:<\/p>\n\n <div class=\"social-icons\">\n <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su Facebook\">f<\/a>\n <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su LinkedIn\">in<\/a>\n <a href=\"#\" class=\"social-circle\" aria-label=\"Seguici su Instagram\">ig<\/a>\n <\/div>\n\n <p>\n Contattaci su WhatsApp:\n <a href=\"https:\/\/wa.me\/393315643674\" class=\"whatsapp-link\">331 564 3674<\/a>\n <\/p>\n <p class=\"bold\">DDF1970 \u2013 Digital for Diet and Food srl<\/p>\n\n <div class=\"footer-links\">\n <a href=\"#\">Privacy Policy<\/a>\n <a href=\"#\">Termini di utilizzo<\/a>\n <a href=\"#\">Contatti<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"bottom-image\">\n <img loading=\"lazy\" decoding=\"async\"\n src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/06\/011-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Arnie_-scaled.jpg\"\n alt=\"Arnie di CalabrEat a San Costantino Calabro\"\n width=\"1100\"\n height=\"320\"\n loading=\"lazy\"\n >\n <\/div>\n\n \n <script>\n (function () {\n const SERVICE_ID = 'service_8zz92nu'; \/\/ \u2190 da EmailJS dashboard\n const TEMPLATE_ID = 'template_rc2ae3o'; \/\/ \u2190 da EmailJS dashboard\n const PUBLIC_KEY = 'TqVEqcNFrva9wAiSD'; \/\/ \u2190 da EmailJS dashboard\n\n \/\/ Se non hai ancora configurato EmailJS, il form usa il PHP\n if (PUBLIC_KEY === 'YOUR_PUBLIC_KEY') return;\n\n const form = document.getElementById('contact-form');\n const btnSubmit = document.getElementById('submit-btn');\n const msgOk = document.getElementById('msg-ok');\n const msgErr = document.getElementById('msg-err');\n\n form.addEventListener('submit', function (e) {\n e.preventDefault(); \/\/ blocca il submit PHP\n\n \/\/ Validazione manuale campi obbligatori\n const required = ['nome', 'email', 'oggetto', 'messaggio'];\n let valido = true;\n\n required.forEach(function (id) {\n const el = document.getElementById(id);\n if (!el.value.trim()) {\n el.style.borderColor = '#c0392b';\n valido = false;\n } else {\n el.style.borderColor = '#ddd';\n }\n });\n\n const privacy = document.getElementById('privacy');\n if (!privacy.checked) {\n privacy.parentElement.style.color = '#c0392b';\n valido = false;\n } else {\n privacy.parentElement.style.color = '#666';\n }\n\n if (!valido) return;\n\n \/\/ Disabilita bottone durante invio\n btnSubmit.disabled = true;\n btnSubmit.textContent = 'Invio in corso\u2026';\n msgOk.style.display = 'none';\n msgErr.style.display = 'none';\n\n \/\/ Parametri passati al template EmailJS\n const templateParams = {\n nome: document.getElementById('nome').value.trim(),\n cognome: document.getElementById('cognome').value.trim(),\n email: document.getElementById('email').value.trim(),\n oggetto: document.getElementById('oggetto').value.trim(),\n messaggio: document.getElementById('messaggio').value.trim(),\n };\n\n emailjs.send(SERVICE_ID, TEMPLATE_ID, templateParams, PUBLIC_KEY)\n .then(function () {\n msgOk.style.display = 'block';\n form.reset();\n })\n .catch(function (err) {\n console.error('EmailJS error:', err);\n msgErr.style.display = 'block';\n })\n .finally(function () {\n btnSubmit.disabled = false;\n btnSubmit.textContent = 'Invia messaggio';\n });\n });\n })();\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CalabrEat \u2013 Contatti CalabrEat: contatti Contattaci Se hai domande, suggerimenti o proposte o se vuoi entrare in contatto con un membro dello staff di CalabrEat, compila il modulo: Nome (obbligatorio) Cognome Email (obbligatorio) Oggetto (obbligatorio) Messaggio (obbligatorio) Informativa sulla privacy Acconsento al trattamento, alla conservazione e alla comunicazione dei miei dati personali con le modalit\u00e0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":6,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}