{"id":6521,"date":"2026-03-17T11:56:29","date_gmt":"2026-03-17T11:56:29","guid":{"rendered":"https:\/\/primepile.in\/kaanavoor\/?page_id=6521"},"modified":"2026-04-13T11:48:09","modified_gmt":"2026-04-13T11:48:09","slug":"welcome-drinks","status":"publish","type":"page","link":"https:\/\/primepile.in\/kaanavoor\/welcome-drinks\/","title":{"rendered":"Welcome Drinks"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6521\" class=\"elementor elementor-6521\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1d1dc4 e-flex e-con-boxed e-con e-parent \" data-id=\"e1d1dc4\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-3935572 elementor-widget elementor-widget-html\" data-id=\"3935572\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"dcm-interactive-board\">\r\n  <style>\r\n    .dcm-interactive-board,\r\n    .dcm-interactive-board * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .dcm-interactive-board {\r\n      --dcm-bg: #f6f2ed;\r\n      --dcm-card: #ece7df;\r\n      --dcm-white: #ffffff;\r\n      --dcm-text: #2d241d;\r\n      --dcm-muted: #6f6258;\r\n      --dcm-accent: #6d2c94;\r\n      --dcm-border: #e2d8cd;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      background: var(--dcm-bg);\r\n      padding: 28px 16px;\r\n      width: 100%;\r\n      color: var(--dcm-text);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-shell {\r\n      max-width: 1240px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-head {\r\n      text-align: center;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-title {\r\n      margin: 0 0 8px;\r\n      font-size: 34px;\r\n      line-height: 1.15;\r\n      color: var(--dcm-accent);\r\n      font-weight: 700;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-subtitle {\r\n      margin: 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 15px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-layout {\r\n      display: grid;\r\n      grid-template-columns: 260px minmax(0, 1fr);\r\n      gap: 18px;\r\n      align-items: start;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-sidebar {\r\n      background: rgba(255, 255, 255, 0.45);\r\n      border: 1px solid var(--dcm-border);\r\n      border-radius: 22px;\r\n      padding: 14px;\r\n      position: sticky;\r\n      top: 20px;\r\n      backdrop-filter: blur(2px);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-sidebar-title {\r\n      margin: 0 0 12px;\r\n      font-size: 18px;\r\n      color: var(--dcm-accent);\r\n      padding: 0 6px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-nav {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-nav-btn {\r\n      border: none;\r\n      background: transparent;\r\n      text-align: left;\r\n      width: 100%;\r\n      padding: 10px 12px;\r\n      border-radius: 10px;\r\n      cursor: pointer;\r\n      font-size: 15px;\r\n      line-height: 1.35;\r\n      color: var(--dcm-text);\r\n      transition: 0.2s ease;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-nav-btn::before {\r\n      content: \"\u2615\";\r\n      font-size: 13px;\r\n      line-height: 1.1;\r\n      opacity: 0.7;\r\n      margin-top: 1px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-nav-btn:hover,\r\n    .dcm-interactive-board .dcm-nav-btn.is-active {\r\n      background: #b83baa;\r\n      color: #ffffff;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-main {\r\n      min-width: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-toolbar {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      align-items: center;\r\n      background: rgba(255, 255, 255, 0.45);\r\n      border: 1px solid var(--dcm-border);\r\n      border-radius: 18px;\r\n      padding: 14px 16px;\r\n      margin-bottom: 16px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-current-title {\r\n      margin: 0;\r\n      font-size: 26px;\r\n      color: var(--dcm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-current-note {\r\n      margin: 4px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 14px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-counter {\r\n      background: var(--dcm-white);\r\n      border: 1px solid var(--dcm-border);\r\n      border-radius: 999px;\r\n      padding: 10px 14px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      font-size: 14px;\r\n      color: var(--dcm-muted);\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-card {\r\n      background: var(--dcm-card);\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      border: 1px solid #e4dbd0;\r\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n      min-width: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 14px 24px rgba(0, 0, 0, 0.08);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-img-wrap {\r\n      aspect-ratio: 1 \/ 1;\r\n      overflow: hidden;\r\n      background: #ddd4ca;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-img-wrap img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-card-body {\r\n      padding: 14px 14px 16px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-item-name {\r\n      margin: 0 0 12px;\r\n      font-size: 16px;\r\n      line-height: 1.35;\r\n      color: #22170f;\r\n      min-height: 42px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-check {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      font-size: 14px;\r\n      color: var(--dcm-muted);\r\n      cursor: pointer;\r\n      user-select: none;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-check input {\r\n      width: 18px;\r\n      height: 18px;\r\n      accent-color: var(--dcm-accent);\r\n      cursor: pointer;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-bottom {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) 320px;\r\n      gap: 18px;\r\n      align-items: start;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-selected-box,\r\n    .dcm-interactive-board .dcm-form-box {\r\n      background: rgba(255, 255, 255, 0.55);\r\n      border: 1px solid var(--dcm-border);\r\n      border-radius: 20px;\r\n      padding: 18px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-box-title {\r\n      margin: 0 0 10px;\r\n      font-size: 20px;\r\n      color: var(--dcm-accent);\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-selected-list {\r\n      margin: 0;\r\n      padding-left: 18px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      max-height: 220px;\r\n      overflow: auto;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-empty {\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 14px;\r\n      margin: 0;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-field {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-field input,\r\n    .dcm-interactive-board .dcm-field textarea {\r\n      width: 100%;\r\n      border: 1px solid #dacfc4;\r\n      border-radius: 10px;\r\n      background: #fff;\r\n      padding: 12px 12px;\r\n      font-size: 14px;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      outline: none;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-field input:focus,\r\n    .dcm-interactive-board .dcm-field textarea:focus {\r\n      border-color: var(--dcm-accent);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-send-btn {\r\n      width: 100%;\r\n      border: none;\r\n      background: #25d366;\r\n      color: #fff;\r\n      border-radius: 12px;\r\n      padding: 14px 18px;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      cursor: pointer;\r\n      box-shadow: 0 8px 18px rgba(37, 211, 102, 0.22);\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-send-btn:hover {\r\n      background: #1fb75a;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    .dcm-interactive-board .dcm-help {\r\n      margin: 10px 0 0;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      color: var(--dcm-muted);\r\n      font-size: 12px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    \/* Back button styling *\/\r\n    .dcm-back-wrapper {\r\n      margin-top: 32px;\r\n      text-align: center;\r\n      padding-top: 16px;\r\n      border-top: 1px solid var(--dcm-border);\r\n    }\r\n\r\n    .dcm-back-wrapper .dcm-back-footer-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: #6f2999;\r\n      color: white;\r\n      border: none;\r\n      padding: 12px 28px;\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      font-family: \"Noto Sans Elbasan\", sans-serif;\r\n      border-radius: 50px;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n      text-decoration: none;\r\n    }\r\n\r\n    .dcm-back-wrapper .dcm-back-footer-btn:hover {\r\n      background: #6f2999;\r\n      transform: translateX(-4px);\r\n      gap: 12px;\r\n    }\r\n\r\n    @media (max-width: 1080px) {\r\n      .dcm-interactive-board .dcm-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .dcm-interactive-board .dcm-layout {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-sidebar {\r\n        position: static;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-nav {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-bottom {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 620px) {\r\n      .dcm-interactive-board {\r\n        padding: 18px 12px;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-current-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-grid,\r\n      .dcm-interactive-board .dcm-nav {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .dcm-interactive-board .dcm-card {\r\n        border-radius: 18px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"dcm-shell\">\r\n    <div class=\"dcm-head\">\r\n      <h2 class=\"dcm-title\">Welcome Drinks & Desserts<\/h2>\r\n      <p class=\"dcm-subtitle\">\r\n        Choose a sub category from the left. Click dishes to select them. Your selected dishes can be sent directly on WhatsApp.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dcm-layout\">\r\n      <aside class=\"dcm-sidebar\">\r\n        <h3 class=\"dcm-sidebar-title\">Menu Categories<\/h3>\r\n        <div class=\"dcm-nav\" id=\"dcmSidebarNav\"><\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"dcm-main\">\r\n        <div class=\"dcm-toolbar\">\r\n          <div>\r\n            <h3 class=\"dcm-current-title\" id=\"dcmCurrentTitle\">Welcome Drinks<\/h3>\r\n            <p class=\"dcm-current-note\" id=\"dcmCurrentNote\">Refreshing beverages to start your meal.<\/p>\r\n          <\/div>\r\n          <div class=\"dcm-counter\" id=\"dcmCounter\">0 dishes selected<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"dcm-grid\" id=\"dcmCardsGrid\"><\/div>\r\n\r\n        <div class=\"dcm-bottom\">\r\n          <div class=\"dcm-selected-box\">\r\n            <h3 class=\"dcm-box-title\">Selected Dishes<\/h3>\r\n            <div id=\"dcmSelectedWrap\">\r\n              <p class=\"dcm-empty\">No dishes selected yet.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"dcm-form-box\">\r\n            <h3 class=\"dcm-box-title\">Send on WhatsApp<\/h3>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"text\" id=\"dcmName\" placeholder=\"Your full name\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"tel\" id=\"dcmPhone\" placeholder=\"Phone number\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"number\" id=\"dcmGuests\" placeholder=\"Guest count\" min=\"1\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <input type=\"date\" id=\"dcmDate\" \/>\r\n            <\/div>\r\n            <div class=\"dcm-field\">\r\n              <textarea id=\"dcmNotes\" rows=\"4\" placeholder=\"Additional notes (optional)\"><\/textarea>\r\n            <\/div>\r\n            <button type=\"button\" class=\"dcm-send-btn\" id=\"dcmSendBtn\">Send Selected Dishes<\/button>\r\n            <p class=\"dcm-help\">WhatsApp will open with your selected dishes for +91 98415 77011.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Back to Home Page Button at Bottom -->\r\n    <div class=\"dcm-back-wrapper\">\r\n      <a href=\"https:\/\/primepile.in\/kaanavoor\/menu\/\" class=\"dcm-back-footer-btn\" id=\"dcmBackButton\">\r\n        \u2190 Back to Menu\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.querySelector(\".dcm-interactive-board\");\r\n      if (!root) return;\r\n\r\n      const WHATSAPP_NUMBER = \"919841577011\";\r\n      const fallbackImage = \"https:\/\/images.unsplash.com\/photo-1517244683847-7456b63c5969?auto=format&fit=crop&w=900&q=80\";\r\n\r\n      \/\/ Unique, high-quality images for each dish \u2013 all different, appetizing, and royalty\u2011free style from Unsplash \/ Pexels\r\n      const dishImages = {\r\n        \/\/ Welcome Drinks \u2013 Fresh Juices\r\n        \"Watermelon Juice\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Watermelon-Juice.webp\",\r\n        \"Lime & Mint Juice\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Lime-Mint-Juice.webp\",\r\n        \"Grape Juice\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Grape-Juice.webp\",\r\n        \"Pulpy Grape Juice\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Pulpy-Grape-Juice.webp\",\r\n        \"Mosambi Juice\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/juice.webp\",\r\n        \"Pineapple Juice\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/pineapple-juice.webp\",\r\n        \"Fruit Punch\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/fruit-punch.webp\",\r\n        \/\/ Milk Shakes\r\n        \"Milk Shake Varieties\": \"https:\/\/images.unsplash.com\/photo-1579954115545-a95591f28bfc?auto=format&fit=crop&w=900&q=80\",\r\n        \/\/ Hot Drinks\r\n        \"Coffee\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Coffee.png\",\r\n        \"Tea\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/tea.webp\",\r\n        \"Masala Milk\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Masala-milk.png\",\r\n        \"Hot Badam Milk\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/badam-milk.webp\",\r\n        \/\/ Cold Beverages\r\n        \"Soft Drinks\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/soft-drinks.webp\",\r\n        \"Goli Soda\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/goli-soda.webp\",\r\n        \"Water Bottle\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/watter-bo0ttle.webp\",\r\n        \"Tender Coconut\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/tender-coconut.webp\",\r\n        \/\/ DESSERTS & SWEETS\r\n        \"Rasamalai\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Rasamalai.webp\",\r\n        \"Rasagulla\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/rasgulla.webp\",\r\n        \"Ada Pradhaman\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Ada-Pradhaman-1.webp\",\r\n        \"Kaju Katli\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Kaju-Katli.webp\",\r\n        \"Kaju Katli\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Kaju-Katli.webp\",\r\n        \"Gulab Jamun\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/gulab-jamu.webp\",\r\n        \"Bread Halwa\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/bread-halva.webp\",\r\n        \"Shahi Thukda\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/sweet.webp\",\r\n        \"Jilebi\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Jilebi.webp\",\r\n        \"Laddu\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Laddu.webp\",\r\n        \"Jangiri\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Jangiri.webp\",\r\n        \"Paruppu Payasam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/parupu-payasam.webp\",\r\n        \/\/ Halwa Varieties\r\n        \"Pineapple Kesari\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/pineapple-kesari-1.webp\",\r\n        \r\n        \"Carrot Halwa\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Carrot-Halwa.webp\",\r\n        \/\/ Payasam Varieties\r\n        \"Semiya paal Payasam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Semiya-paal-Payasam.webp\",\r\n        \"Elaneer Payasam\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Elaneer-Payasam-1.webp\",\r\n        \"Ada Pradhaman\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/Ada-Pradhaman.webp\",\r\n        \/\/ Ice Creams\r\n        \"Ice Cream Scoops\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Scooped-icecream.webp\",\r\n        \"Cassata Slice Icecream\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Cassata-Slice-icecream.webp\",\r\n        \"Cup Icecream\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Cup-Icecream.webp\",\r\n        \"Abugatta slice icecream\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Abugatta-slice-icecream.webp\",\r\n        \"Orange icecream\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/04\/Orange-icecream.webp\",\r\n        \/\/ Fresh Fruits\r\n        \r\n        \"Fruit Salad\": \"https:\/\/images.unsplash.com\/photo-1511688878353-3a2f5be94cd7?auto=format&fit=crop&w=900&q=80\",\r\n        \/\/ AFTER MEAL\r\n        \"Beeda\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/beeda.webp\",\r\n        \"Cut Fruits\": \"https:\/\/primepile.in\/kaanavoor\/wp-content\/uploads\/2026\/03\/fruit-saled.webp\" \/\/ reuse for after meal cut fruits\r\n      };\r\n\r\n      \/\/ Full categories including welcome drinks and desserts exactly as you described\r\n      const categories = [\r\n        {\r\n          key: \"welcome-drinks\",\r\n          title: \"Welcome Drinks\",\r\n          note: \"Fresh juices, milkshakes, hot & cold beverages.\",\r\n          items: [\r\n            \"Watermelon Juice\",\r\n            \"Lime & Mint Juice\",\r\n            \"Grape Juice\",\r\n            \"Pulpy Grape Juice\",\r\n            \"Mosambi Juice\",\r\n            \"Pineapple Juice\",\r\n            \"Fruit Punch\",\r\n            \"Milk Shake Varieties\",\r\n            \"Coffee\",\r\n            \"Tea\",\r\n            \"Masala Milk\",\r\n            \"Hot Badam Milk\",\r\n            \"Soft Drinks\",\r\n            \"Goli Soda\",\r\n            \"Water Bottle\",\r\n            \"Tender Coconut\"\r\n          ]\r\n        },\r\n        {\r\n          key: \"desserts-sweets\",\r\n          title: \"Desserts , Sweets & Ice-Cream Varieties\",\r\n          note: \"Indian sweets, halwa, payasam, ice creams & fruits.\",\r\n          items: [\r\n            \"Rasamalai\",\r\n            \"Rasagulla\",\r\n            \"Ada Pradhaman\",\r\n            \"Kaju Katli\",\r\n            \"Gulab Jamun\",\r\n            \"Bread Halwa\",\r\n            \"Shahi Thukda\",\r\n            \"Jilebi\",\r\n            \"Laddu\",\r\n            \"Jangiri\",\r\n            \"Paruppu Payasam\",\r\n            \"Pineapple Kesari\",\r\n            \"Carrot Halwa\",\r\n            \"Semiya paal Payasam\",\r\n            \"Elaneer Payasam\",\r\n            \"Ice Cream Scoops\",\r\n            \"Cassata Slice Icecream\",\r\n            \"Cup Icecream\",\r\n            \"Abugatta slice icecream\",\r\n            \"Orange icecream\",\r\n          ]\r\n        },\r\n        {\r\n          key: \"after-meal\",\r\n          title: \"After Meal\",\r\n          note: \"Traditional beeda and fresh cut fruits.\",\r\n          items: [\r\n            \"Beeda\",\r\n            \"Cut Fruits\"\r\n          ]\r\n        }\r\n      ];\r\n\r\n      const nav = root.querySelector(\"#dcmSidebarNav\");\r\n      const grid = root.querySelector(\"#dcmCardsGrid\");\r\n      const title = root.querySelector(\"#dcmCurrentTitle\");\r\n      const note = root.querySelector(\"#dcmCurrentNote\");\r\n      const counter = root.querySelector(\"#dcmCounter\");\r\n      const selectedWrap = root.querySelector(\"#dcmSelectedWrap\");\r\n      const sendBtn = root.querySelector(\"#dcmSendBtn\");\r\n\r\n      let activeKey = categories[0].key;\r\n      const selectedItems = new Set();\r\n\r\n      function getDishImage(item) {\r\n        return dishImages[item] || fallbackImage;\r\n      }\r\n\r\n      function renderNav() {\r\n        nav.innerHTML = \"\";\r\n        categories.forEach((cat) => {\r\n          const btn = document.createElement(\"button\");\r\n          btn.type = \"button\";\r\n          btn.className = \"dcm-nav-btn\" + (cat.key === activeKey ? \" is-active\" : \"\");\r\n          btn.textContent = cat.title;\r\n          btn.addEventListener(\"click\", () => {\r\n            activeKey = cat.key;\r\n            renderNav();\r\n            renderGrid();\r\n          });\r\n          nav.appendChild(btn);\r\n        });\r\n      }\r\n\r\n      function renderGrid() {\r\n        const cat = categories.find((c) => c.key === activeKey);\r\n        if (!cat) return;\r\n\r\n        title.textContent = cat.title;\r\n        note.textContent = cat.note;\r\n        grid.innerHTML = \"\";\r\n\r\n        cat.items.forEach((item) => {\r\n          const card = document.createElement(\"article\");\r\n          card.className = \"dcm-card\";\r\n\r\n          card.innerHTML = `\r\n            <div class=\"dcm-img-wrap\">\r\n              <img decoding=\"async\" src=\"${getDishImage(item)}\" alt=\"${item}\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"dcm-card-body\">\r\n              <h4 class=\"dcm-item-name\">${item}<\/h4>\r\n              <label class=\"dcm-check\">\r\n                <input type=\"checkbox\" data-item=\"${item}\">\r\n                <span>Select this dish<\/span>\r\n              <\/label>\r\n            <\/div>\r\n          `;\r\n\r\n          const checkbox = card.querySelector('input[type=\"checkbox\"]');\r\n          checkbox.checked = selectedItems.has(item);\r\n          checkbox.addEventListener(\"change\", function () {\r\n            if (this.checked) {\r\n              selectedItems.add(item);\r\n            } else {\r\n              selectedItems.delete(item);\r\n            }\r\n            renderSelected();\r\n            updateCounter();\r\n          });\r\n\r\n          grid.appendChild(card);\r\n        });\r\n      }\r\n\r\n      function updateCounter() {\r\n        const count = selectedItems.size;\r\n        counter.textContent = count + (count === 1 ? \" dish selected\" : \" dishes selected\");\r\n      }\r\n\r\n      function renderSelected() {\r\n        if (selectedItems.size === 0) {\r\n          selectedWrap.innerHTML = '<p class=\"dcm-empty\">No dishes selected yet.<\/p>';\r\n          return;\r\n        }\r\n\r\n        const list = document.createElement(\"ol\");\r\n        list.className = \"dcm-selected-list\";\r\n\r\n        Array.from(selectedItems).sort().forEach((item) => {\r\n          const li = document.createElement(\"li\");\r\n          li.textContent = item;\r\n          list.appendChild(li);\r\n        });\r\n\r\n        selectedWrap.innerHTML = \"\";\r\n        selectedWrap.appendChild(list);\r\n      }\r\n\r\n      sendBtn.addEventListener(\"click\", function () {\r\n        const name = root.querySelector(\"#dcmName\").value.trim();\r\n        const phone = root.querySelector(\"#dcmPhone\").value.trim();\r\n        const guests = root.querySelector(\"#dcmGuests\").value.trim();\r\n        const date = root.querySelector(\"#dcmDate\").value;\r\n        const notes = root.querySelector(\"#dcmNotes\").value.trim();\r\n\r\n        if (!name || !phone || !guests || !date) {\r\n          alert(\"Please fill name, phone, guest count, and date.\");\r\n          return;\r\n        }\r\n\r\n        if (selectedItems.size === 0) {\r\n          alert(\"Please select at least one dish.\");\r\n          return;\r\n        }\r\n\r\n        const selectedText = Array.from(selectedItems)\r\n          .map((item, i) => `${i + 1}. ${item}`)\r\n          .join(\"\\n\");\r\n\r\n        const message =\r\n          \"Hello Kaanavoor Caterers,\\n\\n\" +\r\n          \"I would like to enquire about the Welcome Drinks & Desserts Menu.\\n\\n\" +\r\n          \"Name: \" + name + \"\\n\" +\r\n          \"Phone: \" + phone + \"\\n\" +\r\n          \"Guest Count: \" + guests + \"\\n\" +\r\n          \"Event Date: \" + date + \"\\n\" +\r\n          (notes ? \"Notes: \" + notes + \"\\n\" : \"\") +\r\n          \"\\nSelected Dishes:\\n\" + selectedText;\r\n\r\n        const url = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\r\n        window.open(url, \"_blank\");\r\n      });\r\n\r\n      renderNav();\r\n      renderGrid();\r\n      renderSelected();\r\n      updateCounter();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome Drinks &#038; Desserts Choose a sub category from the left. Click dishes to select them. Your selected dishes can be sent directly on WhatsApp. Menu Categories Welcome Drinks Refreshing beverages to start your meal. 0 dishes selected Selected Dishes No dishes selected yet. Send on WhatsApp Send Selected Dishes WhatsApp will open with your [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6521","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/comments?post=6521"}],"version-history":[{"count":88,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6521\/revisions"}],"predecessor-version":[{"id":7801,"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/pages\/6521\/revisions\/7801"}],"wp:attachment":[{"href":"https:\/\/primepile.in\/kaanavoor\/wp-json\/wp\/v2\/media?parent=6521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}