{"id":2297,"date":"2026-04-30T04:53:31","date_gmt":"2026-04-30T02:53:31","guid":{"rendered":"https:\/\/foodgardenrestaurant.nl\/?page_id=2297"},"modified":"2026-05-16T18:12:57","modified_gmt":"2026-05-16T16:12:57","slug":"acties","status":"publish","type":"page","link":"https:\/\/foodgardenrestaurant.nl\/fr\/acties\/","title":{"rendered":"Offres"},"content":{"rendered":"\n<!--\n  ============================================================\n  FOODGARDEN \u2014 ACTIES\n\n  HOE EEN ACTIE TOEVOEGEN OF AANPASSEN:\n  Scroll naar het commentaarblok ===== ACTIES BEWERKEN =====\n  hieronder. Elke actie is \u00e9\u00e9n <article> blok. Vul in:\n\n    <h3>TITEL<\/h3>\n    <p class=\"desc\">OMSCHRIJVING<\/p>\n    <p class=\"valid\">Geldig t\/m DD-MM-JJJJ<\/p>\n    <span class=\"code\">CODE<\/span>\n\n  Lege actie verbergen:\n    Laat alle vier de waarden leeg en het JS verbergt\n    automatisch de hele kaart. Je hoeft de <article> niet\n    te verwijderen.\n\n  Nieuwe actie toevoegen:\n    Kopieer een bestaande <article> en pas waarden aan.\n    Maximaal 6 acties wordt aangeraden voor mobiel.\n  ============================================================\n-->\n\n<!-- HERO -->\n<section class=\"fg-section fg-acties-hero\">\n  <div class=\"fg-container fg-acties-hero__inner\">\n    <p class=\"fg-eyebrow\">Acties en kortingen<\/p>\n    <h1 class=\"fg-h2\">Lekkerder eten, slimmer prijs.<\/h1>\n    <p class=\"fg-lead\" data-fg-acties-intro>\n      Hieronder vindt u onze actuele acties. Klik op een code\n      om hem te kopi\u00ebren \u2014 voer hem in tijdens het bestellen\n      voor uw korting.\n    <\/p>\n    <p class=\"fg-lead fg-acties-empty\" data-fg-acties-empty hidden>\n      Op dit moment hebben wij geen lopende acties. Volg ons op\n      Instagram of bezoek deze pagina later opnieuw \u2014 er staat\n      vaak iets aanstaande te wachten.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- ACTIE-KAARTJES -->\n<section class=\"fg-section fg-acties\" style=\"padding-top: 0;\">\n  <div class=\"fg-container\">\n    <div class=\"fg-acties__grid\" data-fg-acties-grid>\n\n      <!-- ===== ACTIES BEWERKEN \u2014 START ===== -->\n\n      <article class=\"fg-actie\" data-fg-actie>\n        <div class=\"fg-actie__badge\"><\/div>\n        <h3 class=\"fg-h3\" data-fg-field=\"title\"><\/h3>\n        <p class=\"fg-actie__desc\" data-fg-field=\"desc\">\n        <\/p>\n        <p class=\"fg-actie__valid\" data-fg-field=\"valid\"><\/p>\n        <div class=\"fg-actie__code-wrap\">\n          <span class=\"fg-actie__code-label\"><\/span>\n          <button class=\"fg-actie__code\" type=\"button\" data-fg-copy data-fg-field=\"code\"><\/button>\n        <\/div>\n      <\/article>\n\n      <article class=\"fg-actie\" data-fg-actie>\n        <div class=\"fg-actie__badge\">Grand Opening<\/div>\n        <h3 class=\"fg-h3\" data-fg-field=\"title\">Openingsactie 40% op ALLES<\/h3>\n        <p class=\"fg-actie__desc\" data-fg-field=\"desc\">Wij openen <strong>9 mei 2026<\/strong> en u bent van harte welkom<\/p>\n        <p class=\"fg-actie__valid\" data-fg-field=\"valid\">Geldig 09-05-2026 t\/m 15-05-2026<\/p>\n        <div class=\"fg-actie__code-wrap\">\n          <span class=\"fg-actie__code-label\">Kortingscode<\/span>\n          <button class=\"fg-actie__code\" type=\"button\" data-fg-copy data-fg-field=\"code\">HELAAS &#8211; ACTIE is VERLOPEN<\/button>\n        <\/div>\n      <\/article>\n\n      <article class=\"fg-actie\" data-fg-actie>\n        <div class=\"fg-actie__badge\">Studenten<\/div>\n        <h3 class=\"fg-h3\" data-fg-field=\"title\"><\/h3>\n        <p class=\"fg-actie__desc\" data-fg-field=\"desc\"><\/p>\n        <p class=\"fg-actie__valid\" data-fg-field=\"valid\"><\/p>\n        <div class=\"fg-actie__code-wrap\">\n          <span class=\"fg-actie__code-label\">Kortingscode<\/span>\n          <button class=\"fg-actie__code\" type=\"button\" data-fg-copy data-fg-field=\"code\"><\/button>\n        <\/div>\n      <\/article>\n\n      <article class=\"fg-actie\" data-fg-actie>\n        <div class=\"fg-actie__badge\">Weekend<\/div>\n        <h3 class=\"fg-h3\" data-fg-field=\"title\"><\/h3>\n        <p class=\"fg-actie__desc\" data-fg-field=\"desc\"><\/p>\n        <p class=\"fg-actie__valid\" data-fg-field=\"valid\"><\/p>\n        <div class=\"fg-actie__code-wrap\">\n          <span class=\"fg-actie__code-label\">Kortingscode<\/span>\n          <button class=\"fg-actie__code\" type=\"button\" data-fg-copy data-fg-field=\"code\"><\/button>\n        <\/div>\n      <\/article>\n\n      <article class=\"fg-actie\" data-fg-actie>\n        <div class=\"fg-actie__badge\">Speciaal<\/div>\n        <h3 class=\"fg-h3\" data-fg-field=\"title\"><\/h3>\n        <p class=\"fg-actie__desc\" data-fg-field=\"desc\"><\/p>\n        <p class=\"fg-actie__valid\" data-fg-field=\"valid\"><\/p>\n        <div class=\"fg-actie__code-wrap\">\n          <span class=\"fg-actie__code-label\">Kortingscode<\/span>\n          <button class=\"fg-actie__code\" type=\"button\" data-fg-copy data-fg-field=\"code\"><\/button>\n        <\/div>\n      <\/article>\n\n      <article class=\"fg-actie\" data-fg-actie>\n        <div class=\"fg-actie__badge\">Seizoen<\/div>\n        <h3 class=\"fg-h3\" data-fg-field=\"title\"><\/h3>\n        <p class=\"fg-actie__desc\" data-fg-field=\"desc\"><\/p>\n        <p class=\"fg-actie__valid\" data-fg-field=\"valid\"><\/p>\n        <div class=\"fg-actie__code-wrap\">\n          <span class=\"fg-actie__code-label\">Kortingscode<\/span>\n          <button class=\"fg-actie__code\" type=\"button\" data-fg-copy data-fg-field=\"code\"><\/button>\n        <\/div>\n      <\/article>\n\n      <!-- ===== ACTIES BEWERKEN \u2014 EINDE ===== -->\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- AFSLUITEND -->\n<section class=\"fg-section fg-acties-cta\">\n  <div class=\"fg-container\">\n    <div class=\"fg-acties-cta__inner\">\n      <p class=\"fg-eyebrow\">Mis geen actie<\/p>\n      <h2 class=\"fg-h3\">Volg ons en blijf op de hoogte<\/h2>\n      <p>\n        Bel ons of bezoek deze pagina regelmatig \u2014 wij plaatsen\n        nieuwe acties zodra ze beschikbaar zijn.\n      <\/p>\n      <a href=\"\/menukaart\/\" class=\"fg-btn fg-btn--primary fg-shine-sweep\">\n        Naar de menukaart\n        <svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" aria-hidden=\"true\">\n          <path d=\"M5 12h14M13 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.fg-acties-hero {\n  background: linear-gradient(180deg, var(--fg-cream) 0%, #FFFFFF 100%);\n  padding-bottom: 32px;\n}\n.fg-acties-hero__inner {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.fg-acties { background: #FFFFFF; }\n.fg-acties__grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n}\n\n.fg-actie {\n  position: relative;\n  background: #FFFFFF;\n  border: 1px solid var(--fg-line);\n  border-radius: var(--fg-radius-lg);\n  padding: 28px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  transition: transform .25s, border-color .25s, box-shadow .25s;\n  overflow: hidden;\n}\n.fg-actie::before {\n  content: '';\n  position: absolute;\n  top: -40px; right: -40px;\n  width: 140px; height: 140px;\n  background: radial-gradient(circle, rgba(232,137,59,0.10) 0%, transparent 70%);\n  pointer-events: none;\n}\n.fg-actie:hover {\n  transform: translateY(-4px);\n  border-color: var(--fg-saffron);\n  box-shadow: 0 12px 28px rgba(232,137,59,0.14);\n}\n\n.fg-actie__badge {\n  display: inline-block;\n  align-self: flex-start;\n  font-family: var(--fg-font-body);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--fg-saffron-dark);\n  background: var(--fg-saffron-50);\n  padding: 4px 12px;\n  border-radius: 999px;\n  margin-bottom: 14px;\n}\n\n.fg-actie h3 {\n  margin: 0 0 10px;\n  font-size: 20px;\n  color: var(--fg-green-900);\n}\n\n.fg-actie__desc {\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--fg-text);\n  margin: 0 0 14px;\n  flex-grow: 1;\n}\n\n.fg-actie__valid {\n  font-size: 12px;\n  color: var(--fg-muted);\n  margin: 0 0 18px;\n  font-style: italic;\n}\n\n.fg-actie__code-wrap {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding-top: 16px;\n  border-top: 1px dashed var(--fg-line);\n}\n\n.fg-actie__code-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--fg-muted);\n}\n\n.fg-actie__code {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  padding: 12px 16px;\n  background: var(--fg-cream);\n  border: 2px dashed var(--fg-saffron);\n  border-radius: var(--fg-radius-md);\n  font-family: var(--fg-font-display);\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: 0.05em;\n  color: var(--fg-saffron-dark);\n  cursor: pointer;\n  transition: background .2s, border-style .2s, transform .15s;\n  text-align: left;\n}\n.fg-actie__code::after {\n  content: '';\n  width: 18px;\n  height: 18px;\n  background: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23C4711F' stroke-width='2'><rect x='9' y='9' width='13' height='13' rx='2'\/><path d='M5 15V5a2 2 0 0 1 2-2h10'\/><\/svg>\") no-repeat center;\n  background-size: contain;\n  flex-shrink: 0;\n}\n.fg-actie__code:hover {\n  background: var(--fg-saffron-50);\n  border-style: solid;\n}\n.fg-actie__code:active { transform: scale(0.98); }\n.fg-actie__code.is-copied {\n  background: var(--fg-green-50);\n  border-color: var(--fg-green);\n  color: var(--fg-green-700);\n}\n.fg-actie__code.is-copied::after {\n  background: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234A7C59' stroke-width='2.4'><polyline points='20 6 9 17 4 12'\/><\/svg>\") no-repeat center;\n  background-size: contain;\n}\n\n\/* Verborgen state *\/\n.fg-actie[hidden] { display: none !important; }\n\n\/* AFSLUITEND CTA *\/\n.fg-acties-cta { background: var(--fg-cream); }\n.fg-acties-cta__inner {\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto;\n}\n.fg-acties-cta__inner p {\n  color: var(--fg-text);\n  margin: 0 0 24px;\n}\n\n.fg-acties-empty {\n  background: var(--fg-cream);\n  border: 1px solid var(--fg-line);\n  border-radius: var(--fg-radius-md);\n  padding: 24px;\n  margin-top: 24px;\n}\n\n@media (max-width: 600px) {\n  .fg-actie__code { font-size: 16px; }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  function fgInit() {\n    \/* Verberg lege actie-kaarten *\/\n    var acties = document.querySelectorAll('[data-fg-actie]');\n    var visibleCount = 0;\n\n    acties.forEach(function (actie) {\n      var title = actie.querySelector('[data-fg-field=\"title\"]');\n      var desc = actie.querySelector('[data-fg-field=\"desc\"]');\n      var code = actie.querySelector('[data-fg-field=\"code\"]');\n\n      var hasContent = (\n        (title && title.textContent.trim() !== '') ||\n        (desc && desc.textContent.trim() !== '') ||\n        (code && code.textContent.trim() !== '')\n      );\n\n      if (hasContent) {\n        visibleCount++;\n        \/\/ Lege subvelden binnen een actieve kaart verbergen\n        var valid = actie.querySelector('[data-fg-field=\"valid\"]');\n        if (valid && valid.textContent.trim() === '') valid.style.display = 'none';\n        if (desc && desc.textContent.trim() === '') desc.style.display = 'none';\n\n        \/\/ Code-knop alleen tonen als er een code is\n        var codeWrap = actie.querySelector('.fg-actie__code-wrap');\n        if (code && code.textContent.trim() === '' && codeWrap) {\n          codeWrap.style.display = 'none';\n        }\n      } else {\n        actie.setAttribute('hidden', '');\n      }\n    });\n\n    \/* Toon \"geen acties\" bericht als alles leeg is *\/\n    if (visibleCount === 0) {\n      var intro = document.querySelector('[data-fg-acties-intro]');\n      var empty = document.querySelector('[data-fg-acties-empty]');\n      if (intro) intro.setAttribute('hidden', '');\n      if (empty) empty.removeAttribute('hidden');\n    }\n\n    \/* Copy-to-clipboard *\/\n    document.addEventListener('click', function (e) {\n      var btn = e.target.closest('[data-fg-copy]');\n      if (!btn) return;\n      e.preventDefault();\n      var code = btn.textContent.trim();\n      if (!code) return;\n\n      var done = function () {\n        var orig = btn.innerHTML;\n        var origHTML = btn.getAttribute('data-orig-html') || orig;\n        if (!btn.getAttribute('data-orig-html')) btn.setAttribute('data-orig-html', orig);\n        btn.classList.add('is-copied');\n        btn.innerHTML = 'Gekopieerd \u2713';\n        setTimeout(function () {\n          btn.classList.remove('is-copied');\n          btn.innerHTML = origHTML;\n        }, 1800);\n      };\n\n      if (navigator.clipboard && navigator.clipboard.writeText) {\n        navigator.clipboard.writeText(code).then(done, done);\n      } else {\n        var t = document.createElement('textarea');\n        t.value = code; document.body.appendChild(t);\n        t.select(); try { document.execCommand('copy'); } catch (err) {}\n        document.body.removeChild(t); done();\n      }\n    });\n  }\n\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', fgInit);\n  else fgInit();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Acties en kortingen Lekkerder eten, slimmer prijs. Hieronder vindt u onze actuele acties. Klik op een code om hem te kopi\u00ebren \u2014 voer hem in tijdens het bestellen voor uw korting. Op dit moment hebben wij geen lopende acties. Volg ons op Instagram of bezoek deze pagina later opnieuw \u2014 er staat vaak iets aanstaande&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2297","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/foodgardenrestaurant.nl\/fr\/author\/taossyeindnl\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/pages\/2297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/comments?post=2297"}],"version-history":[{"count":11,"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/pages\/2297\/revisions"}],"predecessor-version":[{"id":2773,"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/pages\/2297\/revisions\/2773"}],"wp:attachment":[{"href":"https:\/\/foodgardenrestaurant.nl\/fr\/wp-json\/wp\/v2\/media?parent=2297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}