{"id":1654,"date":"2026-07-09T08:21:30","date_gmt":"2026-07-09T08:21:30","guid":{"rendered":"https:\/\/kahvecialibey.com\/?page_id=1654"},"modified":"2026-07-09T08:42:23","modified_gmt":"2026-07-09T08:42:23","slug":"menu","status":"publish","type":"page","link":"https:\/\/kahvecialibey.com\/en\/menu\/","title":{"rendered":"Menu"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1654\" class=\"elementor elementor-1654\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1cb8f7 e-flex e-con-boxed e-con e-parent\" data-id=\"c1cb8f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;hoteller_ext_is_background_parallax&quot;:&quot;false&quot;,&quot;hoteller_ext_is_background_backdrop&quot;:&quot;false&quot;,&quot;hoteller_ext_is_background_on_scroll&quot;:&quot;false&quot;,&quot;hoteller_ext_link_sidemenu&quot;:&quot;false&quot;,&quot;hoteller_ext_link_fullmenu&quot;:&quot;false&quot;,&quot;hoteller_ext_link_closed_fullmenu&quot;:&quot;false&quot;,&quot;hoteller_ext_is_scrollme&quot;:&quot;false&quot;,&quot;hoteller_ext_is_smoove&quot;:&quot;false&quot;,&quot;hoteller_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;hoteller_ext_is_infinite&quot;:&quot;false&quot;,&quot;hoteller_ext_is_fadeout_animation&quot;:&quot;false&quot;,&quot;hoteller_ext_mobile_static&quot;:&quot;false&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a174535 elementor-widget elementor-widget-html\" data-id=\"a174535\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;hoteller_ext_link_sidemenu&quot;:&quot;false&quot;,&quot;hoteller_ext_link_fullmenu&quot;:&quot;false&quot;,&quot;hoteller_ext_link_closed_fullmenu&quot;:&quot;false&quot;,&quot;hoteller_ext_is_scrollme&quot;:&quot;false&quot;,&quot;hoteller_ext_is_smoove&quot;:&quot;false&quot;,&quot;hoteller_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;hoteller_ext_is_infinite&quot;:&quot;false&quot;,&quot;hoteller_ext_is_fadeout_animation&quot;:&quot;false&quot;,&quot;hoteller_ext_mobile_static&quot;:&quot;false&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ohana-menu-section\">\r\n  <div class=\"ohana-menu-container\">\r\n\r\n    <div class=\"ohana-menu-heading\">\r\n      <span>OHANA BEACH<\/span>\r\n      <h2>Our Menus<\/h2>\r\n      <p>Please select a menu to view Dinner, Lunch or Drink options.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ohana-menu-grid\">\r\n\r\n      <!-- DINNER -->\r\n      <button class=\"ohana-menu-card\" type=\"button\" data-menu-title=\"Dinner Menu\" data-pdf=\"https:\/\/kahvecialibey.com\/pdf\/dinner.pdf\">\r\n        <div class=\"ohana-menu-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M18 8v22\" \/>\r\n            <path d=\"M12 8v16c0 4 2.5 6 6 6s6-2 6-6V8\" \/>\r\n            <path d=\"M18 30v26\" \/>\r\n            <path d=\"M44 8c6 7 8 16 8 25 0 9-3 15-8 15V8z\" \/>\r\n            <path d=\"M44 48v8\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Dinner<\/h3>\r\n        <p>View dinner menu<\/p>\r\n        <span>Open PDF<\/span>\r\n      <\/button>\r\n\r\n      <!-- LUNCH -->\r\n      <button class=\"ohana-menu-card\" type=\"button\" data-menu-title=\"Lunch Menu\" data-pdf=\"https:\/\/kahvecialibey.com\/pdf\/lunch.pdf\">\r\n        <div class=\"ohana-menu-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M10 34h44\" \/>\r\n            <path d=\"M15 34c2-10 9-17 17-17s15 7 17 17\" \/>\r\n            <path d=\"M22 17l-3-7\" \/>\r\n            <path d=\"M32 15V7\" \/>\r\n            <path d=\"M42 17l3-7\" \/>\r\n            <path d=\"M16 42h32\" \/>\r\n            <path d=\"M20 50h24\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Lunch<\/h3>\r\n        <p>View lunch menu<\/p>\r\n        <span>Open PDF<\/span>\r\n      <\/button>\r\n\r\n      <!-- DRINK -->\r\n      <button class=\"ohana-menu-card\" type=\"button\" data-menu-title=\"Drink Menu\" data-pdf=\"https:\/\/kahvecialibey.com\/pdf\/drink.pdf\">\r\n        <div class=\"ohana-menu-icon\">\r\n          <svg viewbox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <path d=\"M18 10h28l-4 24c-.8 5-4.5 9-10 9s-9.2-4-10-9L18 10z\" \/>\r\n            <path d=\"M24 22h20\" \/>\r\n            <path d=\"M32 43v11\" \/>\r\n            <path d=\"M24 56h16\" \/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Drink<\/h3>\r\n        <p>View drink menu<\/p>\r\n        <span>Open PDF<\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- PDF VIEWER -->\r\n    <div class=\"ohana-pdf-panel\" id=\"ohanaPdfPanel\">\r\n      <div class=\"ohana-pdf-top\">\r\n        <div>\r\n          <span>Selected Menu<\/span>\r\n          <h3 id=\"ohanaPdfTitle\">Menu<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"ohana-pdf-actions\">\r\n          <a id=\"ohanaPdfNewTab\" href=\"#\" target=\"_blank\" rel=\"noopener\">Open in New Tab<\/a>\r\n          <button type=\"button\" id=\"ohanaPdfClose\">Close<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ohana-pdf-frame-wrap\">\r\n        <iframe id=\"ohanaPdfFrame\" src=\"\" title=\"Ohana Menu PDF\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ohana-menu-section {\r\n  width: 100%;\r\n  padding: 80px 20px;\r\n  background: transparent;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.ohana-menu-container {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ohana-menu-heading {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 42px;\r\n}\r\n\r\n.ohana-menu-heading span {\r\n  display: inline-block;\r\n  margin-bottom: 12px;\r\n  color: #1f7a32;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ohana-menu-heading h2 {\r\n  margin: 0 0 14px;\r\n  color: #111;\r\n  font-size: 42px;\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n}\r\n\r\n.ohana-menu-heading p {\r\n  margin: 0;\r\n  color: #555;\r\n  font-size: 16px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.ohana-menu-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 26px;\r\n}\r\n\r\n.ohana-menu-card {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 245px;\r\n  padding: 34px 26px;\r\n  border: 0;\r\n  border-radius: 24px;\r\n  background: #fff;\r\n  color: #111;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  box-shadow: 0 18px 45px rgba(0,0,0,0.10);\r\n  overflow: hidden;\r\n  transition: all .28s ease;\r\n}\r\n\r\n.ohana-menu-card:before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(31,122,50,.10), rgba(0,0,0,0));\r\n  opacity: 0;\r\n  transition: opacity .28s ease;\r\n}\r\n\r\n.ohana-menu-card:hover,\r\n.ohana-menu-card.is-active {\r\n  transform: translateY(-7px);\r\n  box-shadow: 0 26px 60px rgba(0,0,0,0.16);\r\n}\r\n\r\n.ohana-menu-card:hover:before,\r\n.ohana-menu-card.is-active:before {\r\n  opacity: 1;\r\n}\r\n\r\n.ohana-menu-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 74px;\r\n  height: 74px;\r\n  margin: 0 auto 20px;\r\n  border-radius: 50%;\r\n  background: #111;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.ohana-menu-icon svg {\r\n  width: 42px;\r\n  height: 42px;\r\n  fill: none;\r\n  stroke: #fff;\r\n  stroke-width: 4;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.ohana-menu-card h3 {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0 0 8px;\r\n  color: #111;\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n}\r\n\r\n.ohana-menu-card p {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0 0 20px;\r\n  color: #666;\r\n  font-size: 15px;\r\n}\r\n\r\n.ohana-menu-card span {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 42px;\r\n  padding: 0 22px;\r\n  border-radius: 999px;\r\n  background: #1f7a32;\r\n  color: #fff;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: .7px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ohana-pdf-panel {\r\n  display: none;\r\n  margin-top: 34px;\r\n  background: #fff;\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n  box-shadow: 0 22px 60px rgba(0,0,0,0.14);\r\n  border: 1px solid rgba(0,0,0,0.06);\r\n}\r\n\r\n.ohana-pdf-panel.is-open {\r\n  display: block;\r\n  animation: ohanaFadeUp .35s ease both;\r\n}\r\n\r\n@keyframes ohanaFadeUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.ohana-pdf-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 18px;\r\n  padding: 24px 26px;\r\n  background: #111;\r\n}\r\n\r\n.ohana-pdf-top span {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: #9bd18b;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.6px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ohana-pdf-top h3 {\r\n  margin: 0;\r\n  color: #fff;\r\n  font-size: 25px;\r\n  font-weight: 800;\r\n}\r\n\r\n.ohana-pdf-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.ohana-pdf-actions a,\r\n.ohana-pdf-actions button {\r\n  min-height: 42px;\r\n  padding: 0 18px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  background: transparent;\r\n  color: #fff !important;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n}\r\n\r\n.ohana-pdf-actions a {\r\n  background: #1f7a32;\r\n  border-color: #1f7a32;\r\n}\r\n\r\n.ohana-pdf-actions button:hover,\r\n.ohana-pdf-actions a:hover {\r\n  opacity: .85;\r\n}\r\n\r\n.ohana-pdf-frame-wrap {\r\n  width: 100%;\r\n  height: 760px;\r\n  background: #222;\r\n}\r\n\r\n.ohana-pdf-frame-wrap iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  display: block;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 991px) {\r\n  .ohana-menu-section {\r\n    padding: 64px 18px;\r\n  }\r\n\r\n  .ohana-menu-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .ohana-menu-card {\r\n    min-height: 210px;\r\n  }\r\n\r\n  .ohana-pdf-frame-wrap {\r\n    height: 680px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 575px) {\r\n  .ohana-menu-section {\r\n    padding: 50px 14px;\r\n  }\r\n\r\n  .ohana-menu-heading h2 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .ohana-menu-heading p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .ohana-menu-card {\r\n    min-height: 190px;\r\n    padding: 28px 20px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .ohana-menu-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n  }\r\n\r\n  .ohana-menu-icon svg {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  .ohana-menu-card h3 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .ohana-pdf-top {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 20px;\r\n  }\r\n\r\n  .ohana-pdf-actions {\r\n    width: 100%;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .ohana-pdf-actions a,\r\n  .ohana-pdf-actions button {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .ohana-pdf-frame-wrap {\r\n    height: 560px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const cards = document.querySelectorAll(\".ohana-menu-card\");\r\n  const panel = document.getElementById(\"ohanaPdfPanel\");\r\n  const frame = document.getElementById(\"ohanaPdfFrame\");\r\n  const title = document.getElementById(\"ohanaPdfTitle\");\r\n  const newTab = document.getElementById(\"ohanaPdfNewTab\");\r\n  const closeBtn = document.getElementById(\"ohanaPdfClose\");\r\n\r\n  cards.forEach(function (card) {\r\n    card.addEventListener(\"click\", function () {\r\n      const pdfUrl = this.getAttribute(\"data-pdf\");\r\n      const menuTitle = this.getAttribute(\"data-menu-title\");\r\n\r\n      cards.forEach(function (item) {\r\n        item.classList.remove(\"is-active\");\r\n      });\r\n\r\n      this.classList.add(\"is-active\");\r\n\r\n      title.textContent = menuTitle;\r\n      frame.src = pdfUrl;\r\n      newTab.href = pdfUrl;\r\n\r\n      panel.classList.add(\"is-open\");\r\n\r\n      setTimeout(function () {\r\n        panel.scrollIntoView({\r\n          behavior: \"smooth\",\r\n          block: \"start\"\r\n        });\r\n      }, 100);\r\n    });\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function () {\r\n    panel.classList.remove(\"is-open\");\r\n    frame.src = \"\";\r\n    newTab.href = \"#\";\r\n\r\n    cards.forEach(function (item) {\r\n      item.classList.remove(\"is-active\");\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\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":"<p>OHANA BEACH Our Menus Please select a menu to view Dinner, Lunch or Drink options. Dinner View dinner menu Open PDF Lunch View lunch menu Open PDF Drink View drink menu Open PDF Selected Menu Menu Open in New Tab [&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-1654","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/pages\/1654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/comments?post=1654"}],"version-history":[{"count":16,"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/pages\/1654\/revisions"}],"predecessor-version":[{"id":1677,"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/pages\/1654\/revisions\/1677"}],"wp:attachment":[{"href":"https:\/\/kahvecialibey.com\/en\/wp-json\/wp\/v2\/media?parent=1654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}