{"id":8,"date":"2026-03-27T10:29:57","date_gmt":"2026-03-27T10:29:57","guid":{"rendered":"http:\/\/www.calabreat.com\/?page_id=8"},"modified":"2026-06-01T18:30:19","modified_gmt":"2026-06-01T18:30:19","slug":"8-2","status":"publish","type":"page","link":"https:\/\/www.calabreat.com\/","title":{"rendered":"homepage"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>CalabrEat \u2013 Home<\/title>\n\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&#038;family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300&#038;display=swap\" rel=\"stylesheet\">\n\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\n  <script>emailjs.init('TqVEqcNFrva9wAiSD');<\/script>\n\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: \"Open Sans\", system-ui, -apple-system, sans-serif;\n      background-color: #f7f5f3;\n      color: #555;\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    .page-wrapper { max-width: 1100px; margin: 0 auto; padding: 40px 20px 80px; }\n    .center-text { text-align: center; }\n    .accent-line { height: 1px; background-color: #ded8d3; margin: 40px 0; }\n\n    .split-section {\n      display: flex; gap: 40px; margin: 40px 0;\n      padding: 0 10px; position: relative;\n    }\n    .split-section::before {\n      content: \"\"; position: absolute; left: 50%; top: 0; bottom: 0;\n      width: 1px; background-color: #e0dad5; transform: translateX(-0.5px);\n    }\n    .split-col { width: 50%; padding: 0 20px; }\n\n    h1, h2, h3, h4 { font-family: \"Playfair Display\", serif; color: #b88a4c; font-weight: 600; }\n    h1 { font-size: clamp(26px, 4vw, 40px); line-height: 1.15; margin-bottom: 10px; }\n    h2 { font-size: clamp(20px, 3vw, 24px); margin-bottom: 15px; }\n    h3 { font-size: clamp(16px, 2.5vw, 18px); margin-bottom: 10px; }\n    p { font-size: 14px; margin-bottom: 10px; }\n    .lead-italic { font-style: italic; font-size: clamp(14px, 2vw, 16px); color: #a27e6b; }\n    .small-muted { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #999; }\n    .highlight { font-weight: 600; }\n\n    .btn-outline {\n      display: inline-block; padding: 10px 34px; border: 1px solid #7b3f30;\n      border-radius: 0; text-transform: uppercase; font-size: 12px;\n      letter-spacing: 0.12em; color: #7b3f30; background-color: transparent;\n      cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease;\n      font-family: inherit;\n    }\n    .btn-outline:hover, .btn-outline:focus { background-color: #7b3f30; color: #fff; outline: none; }\n    .btn-outline:disabled { opacity: 0.5; cursor: not-allowed; }\n\n    \/* HERO *\/\n    .hero { margin-bottom: 40px; }\n    .hero-title-block { margin-bottom: 24px; text-align: center; }\n    .hero-media { position: relative; width: 100%; max-width: 980px; margin: 0 auto; overflow: hidden; }\n    .hero-media img { width: 100%; height: clamp(240px, 45vw, 520px); object-fit: cover; display: block; }\n    .hero-box {\n      position: absolute; top: 28px; right: 28px; z-index: 2;\n      width: min(460px, calc(100% - 56px)); background-color: #e5be7c; padding: 40px 36px;\n    }\n    .hero-box h2 { font-size: clamp(20px, 3.5vw, 32px); line-height: 1.15; color: #fff; margin-bottom: 22px; }\n    .hero-box p { font-size: 14px; color: #5a3c2b; margin-bottom: 0; }\n\n    .full-cta { margin: 50px 0 10px; text-align: center; }\n    .full-cta .accent-line { margin-top: 36px; margin-bottom: 0; }\n\n    \/* JARS *\/\n    .jar-wrapper { text-align: center; }\n    .jar-image { max-width: 340px; margin: 0 auto 12px; }\n    .jar-image img { width: 100%; height: 300px; object-fit: cover; }\n    .product-name { font-size: 13px; margin-bottom: 2px; }\n    .product-price { font-size: 12px; color: #777; }\n\n    \/* TERROIR *\/\n    .terroir-section { margin: 40px 0; }\n    .terroir-inner { max-width: 880px; margin: 0 auto; padding: 0 10px; }\n    .terroir-actions { text-align: center; margin-bottom: 32px; }\n    .terroir-inner h2 { text-align: left; margin-bottom: 18px; }\n    .terroir-body { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }\n    .terroir-quote { font-style: italic; color: #888; margin: 0; }\n    .terroir-text { color: #777; margin: 0; }\n\n    \/* QUOTE *\/\n    .quote-section { margin: 40px 0; }\n    .quote-inner { max-width: 880px; margin: 0 auto; padding: 0 10px; }\n    .quote-block { max-width: 520px; margin: 0 0 26px; }\n    .quote-block p { font-size: 13px; color: #888; margin-bottom: 10px; }\n    .quote-author { margin-top: 18px; font-size: 12px; color: #999; }\n    .beekeeper-image { max-width: 620px; margin-top: 18px; }\n    .beekeeper-image img { width: 100%; height: clamp(200px, 30vw, 380px); object-fit: cover; }\n    .beekeeper-caption { font-style: italic; font-size: 13px; color: #999; margin-top: 10px; }\n\n    \/* BLOG *\/\n    .blog-section { margin: 40px 0; }\n    .blog-inner { max-width: 980px; margin: 0 auto; padding: 0 10px; text-align: center; }\n    .blog-inner h2 { font-size: clamp(28px, 5vw, 44px); color: #2f3a4a; margin-bottom: 10px; }\n    .blog-sub { margin-top: 2px; margin-bottom: 18px; }\n    .blog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 24px; text-align: left; }\n    .blog-item { width: 100%; }\n    .blog-item img { width: 100%; height: 140px; object-fit: cover; display: block; }\n    .blog-item h4 { font-family: \"Open Sans\", sans-serif; font-weight: 600; font-size: 13px; margin: 10px 0 8px; color: #333; }\n    .blog-item p { font-size: 11px; margin-bottom: 6px; color: #8a8a8a; }\n    .blog-read-more { font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; color: #7b3f30; }\n    .blog-read-more:hover { text-decoration: underline; }\n    .blog-date { font-size: 10px; color: #999; margin-top: 6px; }\n    .blog-btn { margin-top: 14px; text-align: center; }\n    .blog-btn .btn-outline { padding: 10px 18px; font-size: 11px; }\n    .blog-footer-btn { margin-top: 28px; text-align: center; }\n\n    \/* LOCATION *\/\n    .location-block { margin-top: 40px; text-align: center; }\n    .location-block h3 { font-size: clamp(16px, 2.5vw, 20px); color: #b88a4c; margin-bottom: 12px; }\n    .location-block p { font-size: 13px; color: #777; }\n\n    \/* FORM *\/\n    .contact-wrapper { max-width: 420px; }\n    .contact-wrapper h2 { font-size: 22px; margin-bottom: 16px; color: #b88a4c; }\n    .contact-intro { font-size: 13px; color: #777; margin-bottom: 26px; max-width: 260px; }\n    .form-row { display: flex; gap: 16px; margin-bottom: 0; }\n    .form-group { flex: 1; margin-bottom: 14px; }\n    .form-label { display: block; font-size: 11px; margin-bottom: 4px; color: #777; }\n    .form-label .required { text-transform: lowercase; color: #b6b6b6; font-style: italic; margin-left: 3px; }\n\n    input[type=\"text\"], input[type=\"email\"], textarea {\n      width: 100%; border: 1px solid #e1ded9; padding: 8px 10px;\n      font-size: 13px; font-family: inherit; background-color: #faf8f6; transition: border-color 0.2s;\n    }\n    input[type=\"text\"]:focus, input[type=\"email\"]:focus, textarea:focus {\n      outline: none; border-color: #b88a4c;\n    }\n    textarea { min-height: 110px; resize: vertical; }\n\n    .privacy-title { margin-top: 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: #777; }\n    .privacy-text { font-size: 11px; color: #999; margin-top: 8px; }\n    .privacy-check { margin-top: 10px; font-size: 11px; color: #888; display: flex; align-items: flex-start; gap: 6px; }\n    .privacy-check input[type=\"checkbox\"] { margin-top: 2px; flex-shrink: 0; }\n    .form-submit { margin-top: 20px; }\n\n    \/* Feedback form *\/\n    .form-feedback {\n      margin-top: 14px; font-size: 12px; padding: 10px 14px;\n      border-radius: 2px; display: none;\n    }\n    .form-feedback.success { display: block; background: #f0f7ee; color: #3a6b30; border: 1px solid #c3dfc0; }\n    .form-feedback.error   { display: block; background: #fdf0f0; color: #8b2c2c; border: 1px solid #f0c8c8; }\n\n    \/* SOCIAL & FOOTER *\/\n    .social-wrapper { max-width: 380px; }\n    .social-wrapper h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.12em; color: #999; margin-bottom: 20px; }\n    .social-icons { display: flex; gap: 10px; margin-bottom: 24px; }\n    .social-circle {\n      width: 26px; height: 26px; border-radius: 50%; border: 1px solid #d5c5bf;\n      display: flex; align-items: center; justify-content: center; font-size: 12px;\n      color: #a27e6b; text-decoration: none; transition: background-color 0.2s, color 0.2s;\n    }\n    .social-circle:hover { background-color: #a27e6b; color: #fff; }\n    .social-text { font-size: 13px; color: #777; margin-bottom: 4px; }\n    .social-text .highlight { color: #7b3f30; }\n    .footer-links { margin-top: 26px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; color: #7b3f30; display: flex; flex-wrap: wrap; gap: 14px; }\n    .footer-links a:hover { text-decoration: underline; }\n    .whatsapp-link { color: #7b3f30; font-weight: 600; }\n    .whatsapp-link:hover { text-decoration: underline; }\n\n    .bottom-line { margin-top: 40px; padding-top: 24px; border-top: 1px solid #e0dad5; text-align: center; }\n    .bottom-line p { font-size: 11px; color: #999; margin-bottom: 4px; }\n    .cart-access { margin-top: 16px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: #555; }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 960px) { .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }\n\n    @media (max-width: 900px) {\n      .hero-media img { height: clamp(200px, 40vw, 420px); }\n      .hero-box { top: 16px; right: 16px; left: 16px; width: auto; padding: 26px 20px; }\n    }\n\n    @media (max-width: 768px) {\n      .page-wrapper { padding: 30px 16px 60px; }\n      .split-section { flex-direction: column; gap: 30px; margin: 30px 0; padding: 0; }\n      .split-section::before { display: none; }\n      .split-col { width: 100%; padding: 0; }\n      .jar-image img { height: 220px; }\n      .terroir-body { grid-template-columns: 1fr; gap: 18px; }\n      .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n      .blog-inner h2 { font-size: 28px; }\n      .hero-box { position: static; width: 100%; margin-top: 0; padding: 20px 16px; }\n      .hero-media { overflow: visible; }\n      .form-row { flex-direction: column; gap: 0; }\n      .contact-wrapper { max-width: 100%; }\n    }\n\n    @media (max-width: 520px) {\n      .blog-grid { grid-template-columns: 1fr; }\n      .full-cta .accent-line { margin-top: 24px; }\n      .hero-box { padding: 16px; }\n      .jar-image { max-width: 100%; }\n    }\n\n    @media (max-width: 380px) {\n      .page-wrapper { padding: 20px 12px 50px; }\n      .btn-outline { padding: 10px 20px; font-size: 11px; }\n    }\n  <\/style>\n<\/head>\n\n<body>\n<div class=\"page-wrapper\">\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <div class=\"hero-title-block\">\n      <h1>CalabrEat. Sapore e amore di Calabria<\/h1>\n      <p class=\"lead-italic\">Apicoltura e agricoltura biologica made in Calabria<\/p>\n    <\/div>\n    <div class=\"hero-media\">\n      <img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/021-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Tavolozza-scaled.jpg\" alt=\"CalabrEat Box \u2013 prodotti tipici calabresi\" width=\"980\" height=\"520\" loading=\"eager\">\n      <div class=\"hero-box\">\n        <h2>CalabrEat Box \u2013 Il buono che ci unisce<\/h2>\n        <p>Regalati un abbraccio di bont\u00e0 e dolcezza!<br><br>\n          Noi di CalabrEat abbiamo pensato di coccolarti con qualcosa di speciale: la CalabrEat Box.\n          Gastronomia di alta qualit\u00e0 in un&#8217;elegante box che racconta storie di tradizione e autenticit\u00e0,\n          dedicate al territorio calabrese e progettate per portarti alla scoperta di gusti unici e antichi sapori.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"full-cta\">\n    <a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=13\">Acquista ora<\/a>\n    <div class=\"accent-line\"><\/div>\n  <\/section>\n\n  <!-- JARS -->\n  <section class=\"split-section\">\n    <div class=\"split-col\">\n      <div class=\"jar-wrapper\">\n        <div class=\"jar-image\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/024-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Eucalipto-scaled.jpg\" alt=\"Miele di Eucalipto 400g\" width=\"340\" height=\"300\" loading=\"lazy\">\n        <\/div>\n        <p class=\"product-name\">Miele di Eucalipto 400g<\/p>\n        <p class=\"product-price\">8,30&nbsp;\u20ac<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"split-col\">\n      <div class=\"jar-wrapper\">\n        <div class=\"jar-image\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/026-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Castagno-scaled.jpg\" alt=\"Miele di Castagno 400g\" width=\"340\" height=\"300\" loading=\"lazy\">\n        <\/div>\n        <p class=\"product-name\">Miele di Castagno 400g<\/p>\n        <p class=\"product-price\">8,30&nbsp;\u20ac<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TERROIR -->\n  <section class=\"terroir-section\">\n    <div class=\"terroir-inner\">\n      <div class=\"terroir-actions\">\n        <a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=13\">Vai allo shop<\/a>\n      <\/div>\n      <div class=\"accent-line\" style=\"margin: 0 0 30px;\"><\/div>\n      <h2>Il terroir della Calabria<\/h2>\n      <div class=\"terroir-body\">\n        <p class=\"terroir-quote\">&#8220;Fra il tramonto quando scesi a Marina, e mentre aspettavo il treno secondario, i miei occhi godettero una festa di colori che mi fece dimenticare il malessere della stanchezza\u2026&#8221;<\/p>\n        <p class=\"terroir-text\">Un tramonto dai colori caldi e un romanziere britannico che si innamora. Una terra che fa dimenticare il malessere della stanchezza. <span class=\"highlight\">Non si tratta semplicemente di territorio<\/span>, tanto meno di terreno, ma di <span class=\"highlight\">terroir della Calabria<\/span>. <a href=\"http:\/\/www.calabreat.com\/?page_id=26\" class=\"blog-read-more\">Scopri di pi\u00f9 \u2192<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"accent-line\"><\/div>\n\n  <!-- QUOTE -->\n  <section class=\"quote-section\">\n    <div class=\"quote-inner\">\n      <div class=\"quote-block\">\n        <p>&#8220;Incantato, rosso e violaceo, mentre il sole splendeva all&#8217;orizzonte che si faceva indistinto. A levante, al di sopra dei contrafforti della Sila, era una luna quasi piena, gialla come le foglie autunnali, in un cielo leggermente rosato. Nella mia geografia sta scritto che fra Catanzaro e il mare si trovano i giardini delle Esperidi.&#8221;<\/p>\n        <p class=\"quote-author\">George Gissing, <em>Sulla riva dello Jonio<\/em>, 1901<\/p>\n      <\/div>\n      <div class=\"beekeeper-image\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/048-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-_-scaled.jpg\" alt=\"Apicoltore al lavoro in Calabria\" width=\"620\" height=\"380\" loading=\"lazy\">\n      <\/div>\n      <p class=\"beekeeper-caption\">Il territorio calabrese, unico come i suoi prodotti.<\/p>\n    <\/div>\n  <\/section>\n\n  <div class=\"accent-line\"><\/div>\n\n  <!-- BLOG -->\n  <section class=\"blog-section\">\n    <div class=\"blog-inner\">\n      <h2>Il blog<\/h2>\n      <p class=\"blog-sub small-muted\">Storie, ricette e curiosit\u00e0 dalla Calabria<\/p>\n      <div class=\"blog-grid\">\n        <div class=\"blog-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/015-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Tavolozza-scaled.jpg\" alt=\"Terra \u2013 meraviglie di Roccelletta\" width=\"220\" height=\"140\" loading=\"lazy\">\n          <h4>Terra<\/h4>\n          <p>Le meraviglie archeologiche di Roccelletta<\/p>\n          <a href=\"http:\/\/www.calabreat.com\/?page_id=26\" class=\"blog-read-more\">Scopri di pi\u00f9 \u2192<\/a>\n          <p class=\"blog-date\">10 nov 2020<\/p>\n          <div class=\"blog-btn\"><a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=26\">Visita il blog<\/a><\/div>\n        <\/div>\n        <div class=\"blog-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/019-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Impollinazione-scaled.jpg\" alt=\"AgroAlimentarit\u00e0 \u2013 il Greco di Bianco\" width=\"220\" height=\"140\" loading=\"lazy\">\n          <h4>AgroAlimentarit\u00e0<\/h4>\n          <p>Le peculiarit\u00e0 del Greco di Bianco<\/p>\n          <a href=\"http:\/\/www.calabreat.com\/?page_id=26\" class=\"blog-read-more\">Scopri di pi\u00f9 \u2192<\/a>\n          <p class=\"blog-date\">17 nov 2020<\/p>\n          <div class=\"blog-btn\"><a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=26\">Visita il blog<\/a><\/div>\n        <\/div>\n        <div class=\"blog-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/014-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-_-scaled.jpg\" alt=\"Salutiamoci \u2013 propoli contro il mal di gola\" width=\"220\" height=\"140\" loading=\"lazy\">\n          <h4>Salutiamoci<\/h4>\n          <p>Propoli contro il mal di gola<\/p>\n          <a href=\"http:\/\/www.calabreat.com\/?page_id=26\" class=\"blog-read-more\">Scopri di pi\u00f9 \u2192<\/a>\n          <p class=\"blog-date\">20 nov 2020<\/p>\n          <div class=\"blog-btn\"><a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=26\">Visita il blog<\/a><\/div>\n        <\/div>\n        <div class=\"blog-item\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.calabreat.com\/wp-content\/uploads\/2026\/03\/005-San-Costantino-Calabro-Soc.-Agr.-Mellisape-snc-Arnie-e-telai-scaled.jpg\" alt=\"Ricette \u2013 uova e sciallille calabresi\" width=\"220\" height=\"140\" loading=\"lazy\">\n          <h4>Ricette<\/h4>\n          <p>Uova e Sciallille calabresi<\/p>\n          <a href=\"http:\/\/www.calabreat.com\/?page_id=26\" class=\"blog-read-more\">Scopri di pi\u00f9 \u2192<\/a>\n          <p class=\"blog-date\">4 dic 2020<\/p>\n          <div class=\"blog-btn\"><a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=26\">Visita il blog<\/a><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"blog-footer-btn\">\n        <a class=\"btn-outline\" href=\"http:\/\/www.calabreat.com\/?page_id=26\">Vai al blog<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"accent-line\" style=\"margin: 34px 0 26px;\"><\/div>\n\n  <!-- LOCATION -->\n  <div class=\"location-block\">\n    <h3>CalabrEat. Dove siamo e da dove nascono le nostre qualit\u00e0<\/h3>\n    <p>San Costantino Calabro,<br>Calabria, 89851<br>Italia<\/p>\n  <\/div>\n\n  <div class=\"accent-line\"><\/div>\n\n  <!-- CONTATTI + FOOTER -->\n  <section class=\"split-section\">\n    <div class=\"split-col\">\n      <div class=\"contact-wrapper\">\n        <h2>Contattaci<\/h2>\n        <p class=\"contact-intro\">Se hai domande, suggerimenti o proposte o se vuoi entrare in contatto con un membro dello staff di CalabrEat, compila il modulo:<\/p>\n\n        <form id=\"home-contact-form\" action=\"send-mail.php\" method=\"post\" novalidate>\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"nome\">Nome<span class=\"required\"> (obbligatorio)<\/span><\/label>\n              <input type=\"text\" id=\"nome\" name=\"nome\" required autocomplete=\"given-name\">\n            <\/div>\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"cognome\">Cognome<\/label>\n              <input type=\"text\" id=\"cognome\" name=\"cognome\" autocomplete=\"family-name\">\n            <\/div>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"email\">Email<span class=\"required\"> (obbligatorio)<\/span><\/label>\n            <input type=\"email\" id=\"email\" name=\"email\" required autocomplete=\"email\">\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"oggetto\">Oggetto<span class=\"required\"> (obbligatorio)<\/span><\/label>\n            <input type=\"text\" id=\"oggetto\" name=\"oggetto\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\" for=\"messaggio\">Messaggio<span class=\"required\"> (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=\"small-muted\">(obbligatorio)<\/p>\n          <p class=\"privacy-text\">Acconsento al trattamento, alla conservazione e alla comunicazione dei miei dati personali con le modalit\u00e0 e le finalit\u00e0 indicate nell&#8217;Informativa sulla Privacy, di cui dichiaro di essere a conoscenza.<\/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&#8217;informativa sulla privacy.<\/label>\n          <\/div>\n\n          <div class=\"form-submit\">\n            <button type=\"submit\" id=\"home-submit-btn\" class=\"btn-outline\">Invia messaggio<\/button>\n          <\/div>\n\n          <div class=\"form-feedback success\" id=\"home-msg-ok\">\n            \u2713 Messaggio inviato con successo! Ti risponderemo presto.\n          <\/div>\n          <div class=\"form-feedback error\" id=\"home-msg-err\">\n            \u2717 Qualcosa \u00e8 andato storto. Scrivici a info@calabreat.com\n          <\/div>\n        <\/form>\n      <\/div>\n\n      <div class=\"accent-line\" style=\"margin-top: 40px;\"><\/div>\n\n      <div class=\"bottom-line\">\n        <p>Selezione e commercio online di prodotti agroalimentari, biologici e di certificata qualit\u00e0. Il <span class=\"highlight\">terroir CalabrEat<\/span> a casa vostra.<\/p>\n        <p>info@calabreat.com<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"split-col\">\n      <div class=\"social-wrapper\">\n        <h3>Seguici e resta in contatto su:<\/h3>\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        <p class=\"social-text\">Contattaci su WhatsApp: <a href=\"https:\/\/wa.me\/393315643674\" class=\"whatsapp-link\">331 564 3674<\/a><\/p>\n        <p class=\"social-text\"><span class=\"highlight\">DDF1970<\/span> \u2013 Digital for Diet and Food srl<\/p>\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    <\/div>\n  <\/section>\n\n  <div class=\"center-text\" style=\"margin-top: 30px;\">\n    <p class=\"cart-access\">Accedi carrello (0)<\/p>\n  <\/div>\n\n<\/div><!-- \/page-wrapper -->\n\n<script>\n(function () {\n  const SERVICE_ID  = 'service_8zz92nu';\n  const TEMPLATE_ID = 'template_rc2ae3o';\n  const PUBLIC_KEY  = 'TqVEqcNFrva9wAiSD';\n\n  const form    = document.getElementById('home-contact-form');\n  const btn     = document.getElementById('home-submit-btn');\n  const msgOk   = document.getElementById('home-msg-ok');\n  const msgErr  = document.getElementById('home-msg-err');\n\n  form.addEventListener('submit', function (e) {\n    e.preventDefault();\n\n    \/\/ Validazione campi obbligatori\n    const required = ['nome', 'email', 'oggetto', 'messaggio'];\n    let valido = true;\n    required.forEach(function (id) {\n      const el = document.getElementById(id);\n      if (!el.value.trim()) { el.style.borderColor = '#c0392b'; valido = false; }\n      else { el.style.borderColor = '#e1ded9'; }\n    });\n    const privacy = document.getElementById('privacy');\n    if (!privacy.checked) { privacy.parentElement.style.color = '#c0392b'; valido = false; }\n    else { privacy.parentElement.style.color = '#888'; }\n    if (!valido) return;\n\n    btn.disabled = true;\n    btn.textContent = 'Invio in corso\u2026';\n    msgOk.style.display = 'none';\n    msgErr.style.display = 'none';\n\n    emailjs.send(SERVICE_ID, TEMPLATE_ID, {\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    }, 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      btn.disabled = false;\n      btn.textContent = 'Invia messaggio';\n    });\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CalabrEat \u2013 Home CalabrEat. Sapore e amore di Calabria Apicoltura e agricoltura biologica made in Calabria CalabrEat Box \u2013 Il buono che ci unisce Regalati un abbraccio di bont\u00e0 e dolcezza! Noi di CalabrEat abbiamo pensato di coccolarti con qualcosa di speciale: la CalabrEat Box. Gastronomia di alta qualit\u00e0 in un&#8217;elegante box che racconta storie [&hellip;]<\/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-8","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_structure_type":"default","has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":7},"content_style_source":"custom","vertical_spacing_source":"custom"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/8","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=8"}],"version-history":[{"count":18,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/www.calabreat.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/www.calabreat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}