{"id":2,"date":"2026-02-13T22:22:11","date_gmt":"2026-02-13T22:22:11","guid":{"rendered":"https:\/\/xqr.gr\/new123\/?page_id=2"},"modified":"2026-02-13T22:27:25","modified_gmt":"2026-02-13T22:27:25","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/xqr.gr\/kotopoula-dimitris\/","title":{"rendered":""},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\n<!-- xQR Splash Screen \u2014 hardcoded dark gradient so it never blends into user's theme bg -->\n<div id=\"fmp-splash\" style=\"position:fixed;inset:0;z-index:999999;background:radial-gradient(ellipse at center,#1f1f1f 0%,#0a0a0a 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .5s,visibility .5s;\">\n  <div style=\"position:relative;animation:fmpSplashIn .7s cubic-bezier(.22,1,.36,1)\">\n    <!-- Tight viewBox; content centered. Width ~ 256, height 80. -->\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 80\" style=\"height:60px;width:auto;display:block\">\n      <defs>\n        <linearGradient id=\"fmpsg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n          <stop offset=\"0%\" style=\"stop-color:#F0CB95\"\/>\n          <stop offset=\"50%\" style=\"stop-color:#D4A574\"\/>\n          <stop offset=\"100%\" style=\"stop-color:#B88654\"\/>\n        <\/linearGradient>\n        <linearGradient id=\"fmpsg2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n          <stop offset=\"0%\" style=\"stop-color:#ffffff\"\/>\n          <stop offset=\"100%\" style=\"stop-color:#cccccc\"\/>\n        <\/linearGradient>\n      <\/defs>\n      <!-- \"x\" \"QR\" \".gr\" + dot, balanced within a 256-wide viewBox -->\n      <text x=\"8\"   y=\"60\" font-family=\"'Helvetica Neue','Arial Black',sans-serif\" font-size=\"64\" font-weight=\"900\" fill=\"url(#fmpsg2)\" letter-spacing=\"-2\">x<\/text>\n      <text x=\"50\"  y=\"60\" font-family=\"'Helvetica Neue','Arial Black',sans-serif\" font-size=\"64\" font-weight=\"900\" fill=\"url(#fmpsg)\"  letter-spacing=\"-2\">QR<\/text>\n      <circle cx=\"166\" cy=\"56\" r=\"3.5\" fill=\"url(#fmpsg)\"\/>\n      <text x=\"178\" y=\"56\" font-family=\"'Helvetica Neue',Arial,sans-serif\" font-size=\"26\" font-weight=\"300\" fill=\"rgba(255,255,255,0.6)\" letter-spacing=\"2\">.gr<\/text>\n    <\/svg>\n    <div style=\"position:absolute;inset:-30px;background:radial-gradient(circle,rgba(212,165,116,0.18) 0%,transparent 65%);z-index:-1;animation:fmpSplashGlow 2.4s ease-in-out infinite\"><\/div>\n  <\/div>\n  <div style=\"width:140px;height:3px;background:rgba(255,255,255,0.07);border-radius:2px;overflow:hidden\">\n    <div style=\"width:0;height:100%;background:linear-gradient(90deg,#D4A574,#F0CB95,#D4A574);background-size:200% 100%;border-radius:2px;animation:fmpSplashBar 1s .15s cubic-bezier(.22,1,.36,1) forwards,fmpSplashShimmer 1.4s linear infinite\"><\/div>\n  <\/div>\n  <div style=\"font-family:'Helvetica Neue',Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:2.5px;color:rgba(255,255,255,0.42);text-transform:uppercase;animation:fmpSplashTagline .8s .3s both\">Digital Menu &middot; By DartHost<\/div>\n<\/div>\n<style>\n@keyframes fmpSplashIn{from{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}\n@keyframes fmpSplashBar{to{width:100%}}\n@keyframes fmpSplashShimmer{from{background-position:200% 0}to{background-position:-200% 0}}\n@keyframes fmpSplashGlow{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}\n@keyframes fmpSplashTagline{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FULL-BLEED MENU \u2014 inline so it loads before any other CSS\n   Aggressive override of theme padding, margin, and headers.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nhtml.fmp-menu-active, body.fmp-menu-page {\n    margin: 0 !important;\n    padding: 0 !important;\n}\nbody.fmp-menu-page > header,\nbody.fmp-menu-page > .site-header,\nbody.fmp-menu-page #site-header,\nbody.fmp-menu-page #masthead,\nbody.fmp-menu-page .site-branding,\nbody.fmp-menu-page #colophon,\nbody.fmp-menu-page .site-footer,\nbody.fmp-menu-page #top-bar,\nbody.fmp-menu-page .top-bar,\nbody.fmp-menu-page .topbar,\nbody.fmp-menu-page #header,\nbody.fmp-menu-page .header,\nbody.fmp-menu-page .main-header,\nbody.fmp-menu-page .site-header-wrapper,\nbody.fmp-menu-page .header-wrap,\nbody.fmp-menu-page nav.main-navigation,\nbody.fmp-menu-page .breadcrumbs,\nbody.fmp-menu-page .breadcrumb,\nbody.fmp-menu-page .entry-header,\nbody.fmp-menu-page .page-header,\nbody.fmp-menu-page header.entry-header,\nbody.fmp-menu-page header.page-header,\nbody.fmp-menu-page .entry-title,\nbody.fmp-menu-page .page-title,\nbody.fmp-menu-page .post-title { display: none !important; }\n\nbody.fmp-menu-page .entry-content,\nbody.fmp-menu-page .site-content,\nbody.fmp-menu-page .content-area,\nbody.fmp-menu-page #content,\nbody.fmp-menu-page .site-main,\nbody.fmp-menu-page main,\nbody.fmp-menu-page #main,\nbody.fmp-menu-page article,\nbody.fmp-menu-page .post,\nbody.fmp-menu-page .page,\nbody.fmp-menu-page .wp-block-post-content,\nbody.fmp-menu-page .post-content {\n    padding: 0 !important;\n    margin: 0 !important;\n    max-width: 100% !important;\n    width: 100% !important;\n}\n\nbody.fmp-menu-page .fmp-menu-wrapper {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n<\/style>\n\n<!-- Add body class IMMEDIATELY so the CSS above takes effect before paint -->\n<script>\n(function(){\n    try {\n        document.documentElement.classList.add('fmp-menu-active');\n        if (document.body) {\n            document.body.classList.add('fmp-menu-page');\n        } else {\n            document.addEventListener('DOMContentLoaded', function(){\n                document.body && document.body.classList.add('fmp-menu-page');\n            });\n        }\n    } catch(e) {}\n})();\n<\/script>\n<script>window.addEventListener('load',function(){setTimeout(function(){var s=document.getElementById('fmp-splash');if(s){s.style.opacity='0';s.style.visibility='hidden';setTimeout(function(){s.style.display='none'},500)}},1200)})<\/script>\n\n<div id=\"fmp-menu-app\" class=\"fmp-menu-wrapper\" data-layout=\"modern\">\n\n    <!-- Header -->\n    <header class=\"fmp-header\">\n                <div class=\"fmp-header-image\" style=\"background-image: url('https:\/\/xqr.gr\/kotopoula-dimitris\/wp-content\/uploads\/2026\/03\/dimitris-header.png'); background-position: center center; height: 250px;\">\n        <style>.fmp-header-image{height:250px!important;}@media(min-width:600px){.fmp-header-image{height:300px!important;}}@media(min-width:1024px){.fmp-header-image{height:350px!important;}}<\/style>\n            <div class=\"fmp-header-overlay\">\n                                <a href=\"https:\/\/xqr.gr\/kotopoula-dimitris\/\" class=\"fmp-logo-link\">\n                <img decoding=\"async\" src=\"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-content\/uploads\/2026\/03\/kotopoula.png.webp\" alt=\"\u039a\u03bf\u03c4\u03cc\u03c0\u03bf\u03c5\u03bb\u03b1 \u03bf \u0394\u03b7\u03bc\u03ae\u03c4\u03c1\u03b7\" class=\"fmp-logo fmp-logo-responsive\" style=\"max-width:200px;\">\n                <\/a>\n                                            <\/div>\n        <\/div>\n        \n        <!-- Top Bar -->\n        <div class=\"fmp-top-bar\">\n            <button class=\"fmp-info-btn\" id=\"fmp-info-toggle\" aria-label=\"\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2\">\n                <span style=\"display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid currentColor;font-weight:900;font-size:15px;line-height:1;\">!<\/span>\n                <span class=\"fmp-btn-text\" id=\"fmp-info-btn-text\">\u03a0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2<\/span>\n            <\/button>\n            <div class=\"fmp-language-selector\" id=\"fmp-lang-selector\">\n                <button class=\"fmp-lang-btn\" id=\"fmp-lang-toggle\">\n                    <span class=\"fmp-current-lang-flag\" id=\"fmp-current-flag\"><\/span>\n                    <span class=\"fmp-current-lang-name\" id=\"fmp-current-lang\"><\/span>\n                    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n                <\/button>\n                <div class=\"fmp-lang-dropdown\" id=\"fmp-lang-dropdown\"><\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Store Info Popup -->\n    <div class=\"fmp-popup-overlay\" id=\"fmp-info-popup\" style=\"display:none;\">\n        <div class=\"fmp-popup\">\n            <button class=\"fmp-popup-close\" id=\"fmp-info-close\">&times;<\/button>\n            <div class=\"fmp-popup-content\" id=\"fmp-info-content\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Categories Horizontal Scroll -->\n    <nav class=\"fmp-categories-nav\" id=\"fmp-categories-nav\">\n        <div class=\"fmp-cat-scroll-wrap\">\n            <div class=\"fmp-categories-scroll\" id=\"fmp-categories-scroll\"><\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Search Bar -->\n    <div id=\"fmp-search-bar\" class=\"fmp-search-bar\">\n        <div class=\"fmp-search-wrap\">\n            <svg class=\"fmp-search-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n            <input type=\"text\" id=\"fmp-search-input\" class=\"fmp-search-input\" placeholder=\"\u0391\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03bf\u03c2...\">\n            <button id=\"fmp-search-clear\" class=\"fmp-search-clear\" type=\"button\" aria-label=\"\u039a\u03b1\u03b8\u03b1\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2\">&times;<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Announcement Inline Banner -->\n    <div id=\"fmp-announce-banner\" style=\"display:none;\"><\/div>\n\n        <!-- Promo Popup -->\n        <div id=\"fmp-promo-overlay\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,0.75);z-index:999999;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px;\">\n        <div style=\"max-width:92vw;width:560px;max-height:90vh;overflow:hidden;border-radius:16px;position:relative;background:var(--fmp-secondary,#1e1e2f);box-shadow:0 20px 60px rgba(0,0,0,0.5);\">\n            <button id=\"fmp-promo-close\" style=\"position:absolute;top:10px;right:10px;z-index:10;background:rgba(0,0,0,0.5);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);\">&times;<\/button>\n                                            <video\n                    autoplay\n                    muted\n                    loop\n                    playsinline\n                    webkit-playsinline=\"true\"\n                    x5-playsinline=\"true\"\n                    preload=\"auto\"\n                    disablepictureinpicture\n                    disableremoteplayback\n                    controlslist=\"nodownload nofullscreen noplaybackrate noremoteplayback\"\n                    style=\"width:100%;display:block;background:#000;pointer-events:none;-webkit-tap-highlight-color:transparent;\">\n                    <source src=\"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-content\/uploads\/2026\/03\/souvlaki.mp4\">\n                <\/video>\n                                                <\/div>\n    <\/div>\n    <script>\n    (function(){\n        var overlay=document.getElementById('fmp-promo-overlay');\n        if(!overlay)return;\n        \/\/ Show centered after 500ms\n        setTimeout(function(){overlay.style.display='flex';},500);\n        document.getElementById('fmp-promo-close').addEventListener('click',function(){overlay.style.display='none';});\n        overlay.addEventListener('click',function(e){if(e.target===overlay)overlay.style.display='none';});\n    })();\n    <\/script>\n    \n    <!-- Products Grid -->\n    <main class=\"fmp-products-container\" id=\"fmp-products-container\">\n        <div class=\"fmp-products-grid\" id=\"fmp-products-grid\"><\/div>\n    <\/main>\n\n    <!-- Product Detail Popup -->\n    <div class=\"fmp-popup-overlay\" id=\"fmp-product-popup\" style=\"display:none;\">\n        <div class=\"fmp-popup fmp-product-detail\">\n            <button class=\"fmp-popup-close\" id=\"fmp-product-close\">&times;<\/button>\n            <div class=\"fmp-popup-content\" id=\"fmp-product-detail-content\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Legal Popup -->\n    <div class=\"fmp-popup-overlay\" id=\"fmp-legal-popup\" style=\"display:none;\">\n        <div class=\"fmp-popup fmp-legal-detail\">\n            <button class=\"fmp-popup-close\" id=\"fmp-legal-close\">&times;<\/button>\n            <div class=\"fmp-popup-content\" id=\"fmp-legal-content\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Categories Popup (bottom nav) -->\n    <div class=\"fmp-popup-overlay\" id=\"fmp-categories-popup\" style=\"display:none;\">\n        <div class=\"fmp-popup\">\n            <button class=\"fmp-popup-close\" id=\"fmp-categories-popup-close\">&times;<\/button>\n            <div class=\"fmp-popup-content\" id=\"fmp-categories-popup-content\">\n                <h2 style=\"color:#fff;margin:0 0 16px;\">\u039a\u03b1\u03c4\u03b7\u03b3\u03bf\u03c1\u03af\u03b5\u03c2<\/h2>\n                <div id=\"fmp-categories-list\" class=\"fmp-categories-grid-popup\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Footer -->\n    <footer class=\"fmp-footer\">\n        <div class=\"fmp-footer-links\">\n            <a href=\"#\" class=\"fmp-legal-link\" data-legal=\"terms\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n            <span class=\"fmp-footer-sep\">|<\/span>\n            <a href=\"#\" class=\"fmp-legal-link\" data-legal=\"privacy\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n                    <\/div>\n        <div class=\"fmp-footer-copy\">&copy; 2026 \u039a\u03bf\u03c4\u03cc\u03c0\u03bf\u03c5\u03bb\u03b1 \u03bf \u0394\u03b7\u03bc\u03ae\u03c4\u03c1\u03b7<\/div>\n    <\/footer>\n\n    <div class=\"fmp-loading\" id=\"fmp-loading\">\n        <div class=\"fmp-spinner\"><\/div>\n    <\/div>\n<\/div>\n\n<!-- BOTTOM NAV BAR -->\n<nav id=\"fmp-bottom-nav\" class=\"fmp-bottom-nav\">\n    <button class=\"fmp-bnav-btn\" id=\"fmp-bnav-store\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n        <span>\u039a\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03b1<\/span>\n    <\/button>\n        <!-- Dine-in mode: middle slot becomes \"My order list\" so the customer\n         knows their selections are saved somewhere accessible. -->\n    <button class=\"fmp-bnav-btn fmp-bnav-cart-btn\" id=\"fmp-bnav-list\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\/>\n            <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\n            <path d=\"M16 10a4 4 0 01-8 0\"\/>\n        <\/svg>\n        <span>\u0397 \u03bb\u03af\u03c3\u03c4\u03b1 \u03bc\u03bf\u03c5<\/span>\n        <span class=\"fmp-bnav-badge\" id=\"fmp-bnav-list-badge\" style=\"display:none;\">0<\/span>\n    <\/button>\n        <button class=\"fmp-bnav-btn\" id=\"fmp-bnav-categories\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n        <span>\u039c\u03b5\u03bd\u03bf\u03cd<\/span>\n    <\/button>\n<\/nav>\n<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/pages\/2\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/xqr.gr\/kotopoula-dimitris\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}