{"id":2310,"date":"2026-06-09T20:02:49","date_gmt":"2026-06-09T20:02:49","guid":{"rendered":"https:\/\/demo.nanobyte.gr\/?page_id=2310"},"modified":"2026-06-09T22:11:31","modified_gmt":"2026-06-09T22:11:31","slug":"book-a-ticket","status":"publish","type":"page","link":"https:\/\/demo.nanobyte.gr\/el\/book-a-ticket\/","title":{"rendered":"Book a Ticket"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2310\" class=\"elementor elementor-2310\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c01ed e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"35c01ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2eab69 elementor-widget elementor-widget-shortcode\" data-id=\"d2eab69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"apm-booking\" class=\"apm-booking\">\n<!-- ===================== INTRO ===================== -->\n<div class=\"wrap\">\n  <section class=\"intro\">\n    <p>\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ac \u03c4\u03bf \u03b5\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03cc \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03bc\u03bf\u03c5\u03c3\u03b5\u03af\u03bf. \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7\u03c2, \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03c4\u03b5 \u03c4\u03b1 \u03b5\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03ac \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03bb\u03ac\u03b2\u03b5\u03c4\u03b5 \u03c4\u03b1 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ac \u03b5\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03b1 \u03bc\u03b5 QR code \u03c3\u03c4\u03bf email \u03c3\u03b1\u03c2.<\/p>\n  <\/section>\n\n  <!-- ===================== STEPPER ===================== -->\n  <div class=\"steps\" id=\"stepper\">\n    <div class=\"steps__fill\" id=\"stepFill\"><\/div>\n    <div class=\"step active\" data-step=\"1\">\n      <div class=\"step__dot\"><span>1<\/span><\/div>\n      <div class=\"step__lbl\">\u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 &amp; \u038f\u03c1\u03b1<\/div>\n    <\/div>\n    <div class=\"step\" data-step=\"2\">\n      <div class=\"step__dot\"><span>2<\/span><\/div>\n      <div class=\"step__lbl\">\u0395\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03b1<\/div>\n    <\/div>\n    <div class=\"step\" data-step=\"3\">\n      <div class=\"step__dot\"><span>3<\/span><\/div>\n      <div class=\"step__lbl\">\u03a4\u03b1 \u03a3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2<\/div>\n    <\/div>\n    <div class=\"step\" data-step=\"4\">\n      <div class=\"step__dot\"><span>4<\/span><\/div>\n      <div class=\"step__lbl\">\u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===================== WIZARD ===================== -->\n  <div class=\"wizard\" id=\"wizard\">\n\n    <!-- STEP 1 -->\n    <section class=\"panel is-active\" data-panel=\"1\">\n      <div class=\"card\">\n        <div class=\"panel__head\">\n          <p class=\"eyebrow\">\u0392\u03ae\u03bc\u03b1 1<\/p>\n          <h2>\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0397\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 &amp; \u038f\u03c1\u03b1<\/h2>\n          <p class=\"panel__sub\">Available dates are marked. The museum is closed on Mondays.<\/p>\n        <\/div>\n        <div class=\"cal-wrap\" id=\"calWrap\">\n          <div class=\"calendar\">\n            <div class=\"cal__top\">\n              <div class=\"cal__month\" id=\"calMonth\">June 2026<\/div>\n              <div class=\"cal__nav\">\n                <button id=\"calPrev\" aria-label=\"Previous month\"><svg viewbox=\"0 0 24 24\"><path d=\"M15 5l-7 7 7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n                <button id=\"calNext\" aria-label=\"Next month\"><svg viewbox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n              <\/div>\n            <\/div>\n            <div class=\"cal__grid\" id=\"calDow\"><\/div>\n            <div class=\"cal__grid\" id=\"calGrid\"><\/div>\n            <div class=\"cal__legend\">\n              <span class=\"lg-avail\"><i><\/i>\u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf<\/span>\n              <span class=\"lg-sold\"><i><\/i>\u0395\u03be\u03b1\u03bd\u03c4\u03bb\u03b7\u03bc\u03ad\u03bd\u03bf \/ \u039a\u03bb\u03b5\u03b9\u03c3\u03c4\u03cc<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"slots\" id=\"slots\">\n            <p class=\"slots__title\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u038f\u03c1\u03b1 \u0395\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7\u03c2<\/p>\n            <p class=\"slots__empty\" id=\"slotsEmpty\">Select a date to view available entry times.<\/p>\n            <div id=\"slotList\"><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"wiz-nav end\">\n          <button class=\"btn btn--primary\" id=\"next1\" disabled>\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf: \u0395\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03b1 <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 2 -->\n    <section class=\"panel\" data-panel=\"2\">\n      <div class=\"card\">\n        <div class=\"panel__head\">\n          <p class=\"eyebrow\">\u0392\u03ae\u03bc\u03b1 2<\/p>\n          <h2>\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u0395\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03b1<\/h2>\n          <p class=\"panel__sub\" id=\"tkSelMeta\"><\/p>\n        <\/div>\n        <div id=\"tkRows\"><\/div>\n        <div class=\"tk-total\">\n          <span class=\"lbl\">\u03a3\u03c5\u03bd\u03bf\u03bb\u03b9\u03ba\u03cc \u03a0\u03bf\u03c3\u03cc \u03a0\u03b1\u03c1\u03b1\u03b3\u03b3\u03b5\u03bb\u03af\u03b1\u03c2<\/span>\n          <span class=\"amt\" id=\"tkTotal\">\u20ac0.00<\/span>\n        <\/div>\n        <div class=\"wiz-nav\">\n          <button class=\"btn btn--ghost\" data-back><svg viewbox=\"0 0 24 24\"><path d=\"M19 12H5M11 6l-6 6 6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> \u03a0\u03af\u03c3\u03c9<\/button>\n          <button class=\"btn btn--primary\" id=\"next2\" disabled>\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf: \u03a4\u03b1 \u03a3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 3 -->\n    <section class=\"panel\" data-panel=\"3\">\n      <div class=\"card\">\n        <div class=\"panel__head\">\n          <p class=\"eyebrow\">\u0392\u03ae\u03bc\u03b1 3<\/p>\n          <h2>\u03a4\u03b1 \u03a3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2<\/h2>\n          <p class=\"panel__sub\">\u03a4\u03b1 \u03b7\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ac \u03b5\u03b9\u03c3\u03b9\u03c4\u03ae\u03c1\u03b9\u03ac \u03c3\u03b1\u03c2 \u03bc\u03b5 QR code \u03b8\u03b1 \u03b1\u03c0\u03bf\u03c3\u03c4\u03b1\u03bb\u03bf\u03cd\u03bd \u03c3\u03b5 \u03b1\u03c5\u03c4\u03ae \u03c4\u03b7 \u03b4\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7 email.<\/p>\n        <\/div>\n        <div class=\"field-grid\">\n          <div class=\"field\">\n            <label for=\"fName\">\u038c\u03bd\u03bf\u03bc\u03b1 <span class=\"req\">*<\/span><\/label>\n            <input id=\"fName\" type=\"text\" autocomplete=\"given-name\" placeholder=\"Maria\">\n            <span class=\"errmsg\">Please enter your first name.<\/span>\n          <\/div>\n          <div class=\"field\">\n            <label for=\"lName\">\u0395\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf <span class=\"req\">*<\/span><\/label>\n            <input id=\"lName\" type=\"text\" autocomplete=\"family-name\" placeholder=\"Papadopoulou\">\n            <span class=\"errmsg\">Please enter your last name.<\/span>\n          <\/div>\n          <div class=\"field full\">\n            <label for=\"email\">Email <span class=\"req\">*<\/span><\/label>\n            <input id=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"maria@example.com\">\n            <span class=\"errmsg\">Please enter a valid email address.<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"checks\">\n          <label class=\"check\" id=\"termsCheck\">\n            <input type=\"checkbox\" id=\"terms\">\n            <span class=\"box\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 12l5 5 9-11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <span class=\"txt\">\u03a3\u03c5\u03bc\u03c6\u03c9\u03bd\u03ce \u03bc\u03b5 <a href=\"#\">Terms &amp; Conditions<\/a> and <a href=\"#\">Privacy Policy<\/a>. <span class=\"req\">*<\/span><\/span>\n          <\/label>\n          <label class=\"check\">\n            <input type=\"checkbox\" id=\"news\">\n            <span class=\"box\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 12l5 5 9-11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <span class=\"txt\">\u0395\u03c0\u03b9\u03b8\u03c5\u03bc\u03ce \u03bd\u03b1 \u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03c9 \u03b5\u03bd\u03b7\u03bc\u03b5\u03c1\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03ba\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2, \u03b5\u03ba\u03b4\u03b7\u03bb\u03ce\u03c3\u03b5\u03b9\u03c2 \u03ba\u03b1\u03b9 \u03bd\u03ad\u03b1 \u03c4\u03bf\u03c5 \u03bc\u03bf\u03c5\u03c3\u03b5\u03af\u03bf\u03c5 \u03bc\u03ad\u03c3\u03c9 email.<\/span>\n          <\/label>\n        <\/div>\n        <div class=\"wiz-nav\">\n          <button class=\"btn btn--ghost\" data-back><svg viewbox=\"0 0 24 24\"><path d=\"M19 12H5M11 6l-6 6 6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> \u03a0\u03af\u03c3\u03c9<\/button>\n          <button class=\"btn btn--primary\" id=\"next3\">\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf: \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- STEP 4 -->\n    <section class=\"panel\" data-panel=\"4\">\n      <div class=\"card\">\n        <div class=\"panel__head\">\n          <p class=\"eyebrow\">\u0392\u03ae\u03bc\u03b1 4<\/p>\n          <h2>\u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae<\/h2>\n          <p class=\"panel__sub\">\u0391\u03c3\u03c6\u03b1\u03bb\u03ae\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03bc\u03b5 \u03c0\u03b9\u03c3\u03c4\u03c9\u03c4\u03b9\u03ba\u03ae \u03ae \u03c7\u03c1\u03b5\u03c9\u03c3\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1.<\/p>\n        <\/div>\n        <div class=\"pay-grid\">\n          <div class=\"pay-fields\">\n            <div class=\"field-grid\">\n              <div class=\"field full card-input\">\n                <label for=\"card\">\u0391\u03c1\u03b9\u03b8\u03bc\u03cc\u03c2 \u039a\u03ac\u03c1\u03c4\u03b1\u03c2<\/label>\n                <div class=\"card-input__box\">\n                  <input id=\"card\" type=\"text\" inputmode=\"numeric\" placeholder=\"4242 4242 4242 4242\" maxlength=\"19\">\n                  <div class=\"brand-marks\"><i><\/i><i><\/i><\/div>\n                <\/div>\n              <\/div>\n              <div class=\"field\">\n                <label for=\"exp\">Expiry<\/label>\n                <input id=\"exp\" type=\"text\" inputmode=\"numeric\" placeholder=\"MM \/ YY\" maxlength=\"7\">\n              <\/div>\n              <div class=\"field\">\n                <label for=\"cvc\">CVC<\/label>\n                <input id=\"cvc\" type=\"text\" inputmode=\"numeric\" placeholder=\"123\" maxlength=\"4\">\n              <\/div>\n              <div class=\"field full\">\n                <label for=\"cardName\">Name on card<\/label>\n                <input id=\"cardName\" type=\"text\" placeholder=\"Maria Papadopoulou\">\n              <\/div>\n            <\/div>\n            <div class=\"stripe-note\">\n              <svg viewbox=\"0 0 24 24\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M8 10V7a4 4 0 018 0v3\" stroke-linecap=\"round\"\/><\/svg>\n              \u039f\u03b9 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03b9\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1 \u03bc\u03ad\u03c3\u03c9 Stripe. \u03a0\u03c1\u03cc\u03ba\u03b5\u03b9\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03b4\u03bf\u03ba\u03b9\u03bc\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03b8\u03b1 \u03b3\u03af\u03bd\u03b5\u03b9 \u03ba\u03b1\u03bc\u03af\u03b1 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c7\u03c1\u03ad\u03c9\u03c3\u03b7.\n            <\/div>\n          <\/div>\n          <aside class=\"summary\" id=\"paySummary\"><\/aside>\n        <\/div>\n        <div class=\"wiz-nav\">\n          <button class=\"btn btn--ghost\" data-back><svg viewbox=\"0 0 24 24\"><path d=\"M19 12H5M11 6l-6 6 6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> \u03a0\u03af\u03c3\u03c9<\/button>\n          <button class=\"btn btn--primary btn--pay\" id=\"payBtn\">\u0395\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03af\u03c9\u03c3\u03b7 &amp; \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae <span id=\"payAmt\">\u20ac0.00<\/span><\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- CONFIRMATION -->\n    <section class=\"panel\" data-panel=\"5\">\n      <div class=\"card confirm\">\n        <div class=\"confirm__tick\"><svg viewbox=\"0 0 24 24\"><path d=\"M5 12l5 5 9-11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n        <h2>Booking confirmed<\/h2>\n        <p class=\"confirm__sub\">Thank you. Your e-tickets have been sent to <b id=\"confEmail\">your email<\/b>. Please present the barcode at the museum entrance.<\/p>\n\n        <div class=\"eticket\">\n          <div class=\"eticket__body\">\n            <span class=\"eticket__leaf\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 100 200\" fill=\"none\" stroke=\"#54603F\" stroke-width=\"2\">\n                <path d=\"M50 6 C 86 58, 86 142, 50 194 C 14 142, 14 58, 50 6 Z\"\/>\n                <line x1=\"50\" y1=\"14\" x2=\"50\" y2=\"186\"\/>\n                <path d=\"M50 56 C 64 58, 72 66, 78 80\"\/>\n                <path d=\"M50 86 C 64 88, 72 96, 78 110\"\/>\n                <path d=\"M50 116 C 64 118, 70 124, 75 136\"\/>\n                <path d=\"M50 56 C 36 58, 28 66, 22 80\"\/>\n                <path d=\"M50 86 C 36 88, 28 96, 22 110\"\/>\n                <path d=\"M50 116 C 36 118, 30 124, 25 136\"\/>\n              <\/svg>\n            <\/span>\n            <div class=\"eticket__url\">visit our site: www.apm.com<\/div>\n            <h3 class=\"eticket__title\">Pistachio<br>Museum<\/h3>\n            <div class=\"eticket__rule\"><\/div>\n            <div class=\"eticket__info\">\n              <span class=\"cell\" id=\"etType\">\u2014<\/span>\n              <span class=\"sep\"><\/span>\n              <span class=\"cell\" id=\"etDate\">\u2014<\/span>\n              <span class=\"sep\"><\/span>\n              <span class=\"cell\" id=\"etTime\">\u2014<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"eticket__stub\">\n            <canvas id=\"barcode\" width=\"132\" height=\"330\"><\/canvas>\n            <span class=\"eticket__serial\" id=\"etRef\">\u2014<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"confirm__cta\">\n          <button class=\"btn btn--primary\" id=\"planVisit\">\u0395\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7<\/button>\n          <button class=\"btn btn--outline\" id=\"visitShop\">Visit the Shop<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2310","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/pages\/2310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/comments?post=2310"}],"version-history":[{"count":5,"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/pages\/2310\/revisions"}],"predecessor-version":[{"id":2327,"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/pages\/2310\/revisions\/2327"}],"wp:attachment":[{"href":"https:\/\/demo.nanobyte.gr\/el\/wp-json\/wp\/v2\/media?parent=2310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}