{
  "id": "ahv-page-gallery-mobile",
  "file": "AHV Page Gallery Mobile 2026 Candidate.dc.html",
  "sourceSha256": "95c43cf84eeb67535b63a04340a9efa3c03178e4675bd016596a40ef112e620d",
  "variant": "mobile",
  "template": "\n<helmet>\n\n\n\n<style>\nbody{margin:0;background:#F7F4EA;color:#2A2118;font-family:'Mulish',sans-serif;font-size:18px;line-height:1.7}\na{color:#006038;text-decoration:none}a:hover{color:#004226;text-decoration:underline}\n:focus-visible{outline:3px solid #6B7726;outline-offset:3px;box-shadow:0 0 0 6px rgba(247,244,234,.85)}\na:active,button:active{filter:brightness(.88)}\nh1,h2,h3,h4{font-weight:400;margin:0}\n@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}\n@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}\n</style>\n<title>Gallery</title>\n<meta name=\"description\" content=\"यह खंड Kairali के जन-संपर्क प्रयासों के बारे में है, जो मीडिया के माध्यम से इस विलेज के प्रति जागरूकता बढ़ाने के लिए समर्पित हैं।\">\n<link rel=\"canonical\" href=\"https://ayurvedichealingvillage.com/hi/gallery/\">\n<meta name=\"robots\" content=\"noindex, nofollow\">\n<meta property=\"og:locale\" content=\"hi_IN\">\n<meta property=\"og:type\" content=\"article\">\n<meta property=\"og:title\" content=\"गैलरी\">\n<meta property=\"og:description\" content=\"यह खंड Kairali के जन-संपर्क प्रयासों के बारे में है, जो मीडिया के माध्यम से इस विलेज के प्रति जागरूकता बढ़ाने के लिए समर्पित हैं।\">\n<meta property=\"og:url\" content=\"https://ayurvedichealingvillage.com/hi/gallery/\">\n<meta property=\"og:image\" content=\"https://ayurvedichealingvillage.com/wp-content/uploads/2023/11/gallery.png\">\n<meta property=\"og:image:width\" content=\"1440\">\n<meta property=\"og:image:height\" content=\"459\">\n<meta property=\"og:image:type\" content=\"image/png\">\n<meta property=\"og:site_name\" content=\"Ayurvedic Healing Village\">\n<meta property=\"article:modified_time\" content=\"2024-12-10T09:55:12+00:00\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<link rel=\"icon\" href=\"/ahv/assets/img/logo_color-da22eb.svg\" sizes=\"192x192\">\n<script type=\"application/ld+json\">\n{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https://ayurvedichealingvillage.com/hi/gallery/\",\"url\":\"https://ayurvedichealingvillage.com/hi/gallery/\",\"name\":\"गैलरी\",\"description\":\"यह खंड Kairali के जन-संपर्क प्रयासों के बारे में है, जो मीडिया के माध्यम से इस विलेज के प्रति जागरूकता बढ़ाने के लिए समर्पित हैं।\",\"isPartOf\":{\"@id\":\"https://ayurvedichealingvillage.com/hi/#website\"},\"inLanguage\":\"hi\"},{\"@type\":\"WebSite\",\"@id\":\"https://ayurvedichealingvillage.com/hi/#website\",\"url\":\"https://ayurvedichealingvillage.com/hi/\",\"name\":\"Kairali — The Ayurvedic Healing Village\",\"inLanguage\":\"hi\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://ayurvedichealingvillage.com/hi/gallery/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"मुखपृष्ठ\",\"item\":\"https://ayurvedichealingvillage.com/hi/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"गैलरी\",\"item\":\"https://ayurvedichealingvillage.com/hi/gallery/\"}]}]}\n</script>\n</helmet>\n<div data-screen-label=\"Gallery — Mobile — 2026 candidate\">\n<a href=\"#main-content\" style=\"position:fixed;left:-9999px;top:12px;z-index:120;background:#5A4420;color:#F7F4EA;padding:14px 24px;border-radius:4px;font-weight:700;font-size:15px\" style-focus=\"left:16px\">मुख्य सामग्री पर जाएँ</a>\n<dc-import name=\"AHV Chrome Header\" narrow=\"true\" style=\"position:sticky;top:0;z-index:80\" hint-size=\"100%,64px\"></dc-import>\n<main id=\"main-content\">\n  <section style=\"width:min(1220px,94%);margin:0 auto;padding:18px 0 22px\">\n    <nav aria-label=\"नेविगेशन पथ\" style=\"font-size:15px;color:#75695A;display:flex;gap:8px;align-items:center;flex-wrap:wrap\">\n      <a href=\"https://ayurvedichealingvillage.com/hi/\" onClick=\"{{ guard }}\" style=\"display:inline-flex;align-items:center;min-height:44px\">होम</a> <span aria-hidden=\"true\">/</span> <span aria-current=\"page\" style=\"color:#2A2118\">गैलरी</span>\n    </nav>\n    <div style=\"display:flex;flex-direction:column;gap:14px;padding-top:4px\">\n      <div>\n        <p style=\"margin:0;font-weight:700;font-size:12px;letter-spacing:1.8px;line-height:1.5;text-transform:uppercase;color:#8F6212\">Kairali — The Ayurvedic Healing Village</p>\n        <h1 style=\"font-family:'Marcellus',serif;font-size:36px;line-height:1.1;margin:6px 0 0\">गैलरी</h1>\n      </div>\n      <div>\n        <p style=\"font-size:17.5px;line-height:1.65;color:#514a3f;margin:0;border-left:3px solid #C1882C;padding-left:16px;text-wrap:pretty\">{{ G.intro }}</p>\n      </div>\n    </div>\n  </section>\n\n  <section aria-labelledby=\"featured-h\" style=\"width:min(1220px,94%);margin:0 auto\">\n    <h2 id=\"featured-h\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)\">विशेष संग्रह</h2>\n    <ul style=\"list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px\">\n      <li style=\"min-width:0\">\n        <a href=\"{{ lead.url }}\" onClick=\"{{ guard }}\" style=\"display:flex;flex-direction:column;height:100%;color:#2A2118;text-decoration:none\" style-hover=\"color:#006038;text-decoration:none\">\n          <span style=\"display:block;flex:1;min-height:0;aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:4px;background:#E6DFCD\">\n            <img src=\"{{ lead.cover }}\" alt=\"{{ lead.alt }}\" width=\"1600\" height=\"1067\" fetchpriority=\"high\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:{{ lead.pos }};display:block\">\n          </span>\n          <span style=\"display:flex;align-items:baseline;justify-content:space-between;gap:4px 20px;flex-wrap:wrap;padding:14px 2px 10px;border-bottom:1px solid #E0D7C4\">\n            <span style=\"display:flex;align-items:baseline;gap:14px;flex-wrap:wrap\"> <span style=\"font-family:'Marcellus',serif;font-size:25px;line-height:1.2\">{{ lead.name }}</span> <span style=\"font-size:15.5px;color:#5E5446\">{{ lead.meta }}</span> </span> <span style=\"display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:700;font-size:13.5px;letter-spacing:1.6px;text-transform:uppercase;color:#006038\">संग्रह देखें<span aria-hidden=\"true\" style=\"color:#C1882C\">→</span></span>\n          </span>\n        </a>\n      </li>\n      <sc-for list=\"{{ side }}\" as=\"c\" hint-placeholder-count=\"2\">\n        <li style=\"min-width:0\">\n          <a href=\"{{ c.url }}\" onClick=\"{{ guard }}\" style=\"display:flex;flex-direction:column;color:#2A2118;text-decoration:none\" style-hover=\"color:#006038;text-decoration:none\">\n            <span style=\"display:block;overflow:hidden;border-radius:4px;background:#E6DFCD\"><img src=\"{{ c.cover }}\" alt=\"{{ c.alt }}\" width=\"1600\" height=\"1067\" style=\"width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:{{ c.pos }};display:block\"></span>\n            <span style=\"display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;padding:12px 2px 8px;border-bottom:1px solid #E0D7C4\">\n              <span style=\"display:flex;align-items:baseline;gap:12px;flex-wrap:wrap\"> <span style=\"font-family:'Marcellus',serif;font-size:22px;line-height:1.2\">{{ c.name }}</span> <span style=\"font-size:15.5px;color:#5E5446\">{{ c.meta }}</span> </span> <span style=\"display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:700;font-size:13.5px;letter-spacing:1.6px;text-transform:uppercase;color:#006038\">संग्रह देखें<span aria-hidden=\"true\" style=\"color:#C1882C\">→</span></span>\n            </span>\n          </a>\n        </li>\n      </sc-for>\n    </ul>\n  </section>\n\n  <section aria-labelledby=\"more-h\" style=\"width:min(1220px,94%);margin:0 auto;padding:44px 0 0\">\n    <div style=\"display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border-top:1px solid #D9CFB9;padding-top:22px;margin-bottom:6px\">\n      <h2 id=\"more-h\" style=\"font-family:'Marcellus',serif;font-size:26px;line-height:1.18\">और संग्रह</h2>\n      \n    </div>\n    <ul style=\"list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid #E0D7C4\">\n      <sc-for list=\"{{ more }}\" as=\"c\" hint-placeholder-count=\"6\">\n        <li style=\"min-width:0\">\n          <a href=\"{{ c.url }}\" onClick=\"{{ guard }}\" style=\"display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #E0D7C4;color:#2A2118;text-decoration:none\" style-hover=\"color:#006038;text-decoration:none\">\n            <span style=\"display:block;overflow:hidden;border-radius:4px;background:#E6DFCD\"><img src=\"{{ c.cover }}\" alt=\"{{ c.alt }}\" loading=\"lazy\" width=\"1600\" height=\"1066\" style=\"width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:{{ c.pos }};display:block\"></span>\n            <span style=\"display:flex;flex-direction:column;min-width:0\">\n              <span style=\"font-family:'Marcellus',serif;font-size:20px;line-height:1.22\">{{ c.name }}</span>\n              <sc-if value=\"{{ c.hasMeta }}\" hint-placeholder-val=\"{{ true }}\"><span style=\"font-size:15.5px;color:#5E5446;margin-top:2px\">{{ c.meta }}</span></sc-if>\n              <span style=\"display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:#006038\">देखें<span aria-hidden=\"true\" style=\"color:#C1882C\">→</span></span>\n            </span>\n          </a>\n        </li>\n      </sc-for>\n    </ul>\n  </section>\n\n  <section aria-labelledby=\"media-h\" style=\"margin-top:48px;background:#0F3A26;color:#F7F4EA;padding:40px 0 44px\">\n    <div style=\"width:min(1220px,94%);margin:0 auto\">\n      <h2 id=\"media-h\" style=\"font-family:'Marcellus',serif;font-size:26px;line-height:1.18;color:#F7F4EA\">फ़िल्म में, और एक टूर जल्द ही आ रहा है</h2>\n      <div style=\"height:20px\"></div>\n      <ul style=\"list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px\">\n        <sc-for list=\"{{ media }}\" as=\"m\" hint-placeholder-count=\"2\">\n          <li style=\"min-width:0\">\n            <a href=\"{{ m.url }}\" onClick=\"{{ guard }}\" style=\"display:flex;flex-direction:column;color:#F7F4EA;text-decoration:none;background:#174A31;border-radius:4px;overflow:hidden\" style-hover=\"background:#1C5638;color:#FFFFFF;text-decoration:none\">\n              <span style=\"position:relative;display:block\">\n                <img src=\"{{ m.cover }}\" alt=\"{{ m.alt }}\" loading=\"lazy\" width=\"1400\" height=\"1000\" style=\"width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:{{ m.pos }};display:block\">\n                <span style=\"position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;background:#F7F4EA;color:#0F3A26;border-radius:4px;padding:7px 12px 7px 10px;font-weight:700;font-size:13px;letter-spacing:1.6px;text-transform:uppercase\">\n                  <sc-if value=\"{{ m.isFilm }}\" hint-placeholder-val=\"{{ true }}\"><svg aria-hidden=\"true\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1.5\"></rect><path d=\"M3 9h18M3 15h18M8 5v4M16 5v4M8 15v4M16 15v4\"></path></svg></sc-if>\n                  <sc-if value=\"{{ m.isTour }}\" hint-placeholder-val=\"{{ false }}\"><svg aria-hidden=\"true\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"4.5\"></ellipse><path d=\"M12 3v18\"></path><path d=\"M15 16.8l2.2 1.4-1.6 2\"></path></svg></sc-if>\n                  {{ m.tag }}\n                </span>\n              </span>\n              <span style=\"display:flex;flex-direction:column;gap:4px;padding:14px 16px 10px\">\n                <span style=\"font-family:'Marcellus',serif;font-size:23px;line-height:1.2\">{{ m.name }}</span>\n                <span style=\"font-size:16.5px;color:#E4DCC8\">{{ m.meta }}</span>\n                <span style=\"display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:700;font-size:13.5px;letter-spacing:1.6px;text-transform:uppercase;color:#F2C955\">{{ m.action }}<span aria-hidden=\"true\">→</span></span>\n              </span>\n            </a>\n          </li>\n        </sc-for>\n      </ul>\n    </div>\n  </section>\n\n  <section aria-labelledby=\"villas-h\" style=\"width:min(1220px,94%);margin:0 auto;padding:36px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;border-bottom:1px solid #E0D7C4\">\n    <h2 id=\"villas-h\" style=\"font-family:'Marcellus',serif;font-size:23px;line-height:1.2\">हमारे विला के बारे में और जानना चाहते हैं?</h2>\n    <a href=\"https://ayurvedichealingvillage.com/hi/our-villas/\" onClick=\"{{ guard }}\" style=\"display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border:1.5px solid #006038;border-radius:4px;color:#006038;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase\" style-hover=\"background:#006038;color:#F7F4EA;text-decoration:none\">और जानें<span aria-hidden=\"true\">→</span></a>\n  </section>\n\n  <section aria-label=\"हम कहाँ हैं\" style=\"width:min(1220px,94%);margin:0 auto;padding:36px 0 0\">\n    <h2 style=\"font-family:'Marcellus',serif;font-size:26px;line-height:1.18\">हम कहाँ हैं</h2>\n    <p style=\"margin:8px 0 0\">Kairali दक्षिण-पश्चिम भारत में, केरल के भीतरी भाग के पालक्काड ज़िले में स्थित है।</p>\n    <div style=\"display:flex;flex-direction:column;gap:22px;margin:20px 0 26px\">\n      <sc-for list=\"{{ G.maps }}\" as=\"mp\" hint-placeholder-count=\"3\">\n        <figure style=\"margin:0\"><img src=\"{{ mp.src }}\" alt=\"{{ mp.alt }}\" loading=\"lazy\" style=\"width:100%;height:190px;object-fit:contain;display:block\"><figcaption style=\"margin-top:10px;font-size:13px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#75695A;text-align:center\">{{ mp.cap }}</figcaption></figure>\n      </sc-for>\n    </div>\n    <figure style=\"margin:0\"><img src=\"/ahv/assets/img/travel/89310cfa7faa54ee1eecf73b427105b0af81fd179ce8fad0e6992eaa563b51c1.jpg\" alt=\"परिसर का सचित्र हवाई नक्शा, जिसमें रिसेप्शन, आयुर्वेदिक अस्पताल, योग केंद्र, ध्यान कक्ष, विला, हर्बल उद्यान और अन्य सुविधाएँ क्रमांकित हैं\" loading=\"lazy\" style=\"width:100%;height:auto;display:block;border-radius:4px\"><figcaption style=\"margin-top:10px;font-size:15.5px;color:#75695A\">परिसर का एक नक्शा, जिसमें रिसेप्शन, आयुर्वेदिक अस्पताल, योग केंद्र, हर्बल उद्यान और विला क्रमांकित हैं।</figcaption></figure>\n  </section>\n\n  <section aria-label=\"मार्गदर्शन\" style=\"margin-top:44px;padding:40px 0 46px;background:#fff;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3\">\n    <div style=\"width:min(1220px,92%);margin:0 auto;text-align:center\">\n      <span aria-hidden=\"true\" style=\"display:block;font-family:'Marcellus',serif;font-size:17px;color:#C1882C;margin-bottom:10px\">✳</span>\n      <ul style=\"margin:0 auto 22px;padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 28px;font-size:16px;font-weight:600;padding:0 4px\">\n        <sc-for list=\"{{ G.trust }}\" as=\"t\" hint-placeholder-count=\"4\"><li style=\"display:flex;gap:10px;align-items:baseline\"><span aria-hidden=\"true\" style=\"color:#C1882C\">◆</span><span>{{ t }}</span></li></sc-for>\n      </ul>\n      <h2 style=\"font-family:'Marcellus',serif;font-size:24px;margin:0 0 10px\">पक्का नहीं कि कौन-सा कार्यक्रम आपके लिए उपयुक्त है?</h2>\n      <p style=\"margin:0 auto 24px;font-size:17px;line-height:1.7;color:#514a3f;max-width:60ch\">अपना लक्ष्य अपने शब्दों में बताइए — रोगी देखभाल टीम या कोई आयुर्वेदिक डॉक्टर आपको सही कार्यक्रम की ओर मार्गदर्शन करेंगे।</p>\n      <div style=\"display:flex;flex-direction:column;gap:12px\">\n        <a href=\"https://ayurvedichealingvillage.com/hi/online-consultation/\" onClick=\"{{ guard }}\" style=\"background:#EEB41E;color:#2A2118;border-radius:4px;padding:10px 16px;min-height:52px;text-align:center;box-sizing:border-box;width:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase\" style-hover=\"background:#D9A317;color:#2A2118;text-decoration:none\">निःशुल्क डॉक्टर परामर्श</a> <a href=\"https://wa.me/919289838797\" target=\"_blank\" rel=\"noopener noreferrer\" onClick=\"{{ guard }}\" style=\"border:1.5px solid #006038;color:#006038;border-radius:4px;padding:10px 16px;min-height:52px;text-align:center;box-sizing:border-box;width:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase\" style-hover=\"background:#006038;color:#F7F4EA;text-decoration:none\">WhatsApp रोगी देखभाल</a> <a href=\"https://ayurvedichealingvillage.com/hi/contact-us/\" onClick=\"{{ guard }}\" style=\"border:1.5px solid #5A4420;color:#5A4420;border-radius:4px;padding:10px 16px;min-height:52px;text-align:center;box-sizing:border-box;width:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase\" style-hover=\"background:#5A4420;color:#F7F4EA;text-decoration:none\">अभी पूछताछ करें</a>\n      </div>\n    </div>\n  </section>\n</main>\n<dc-import name=\"AHV Chrome Footer\" narrow=\"true\" hint-size=\"100%,900px\"></dc-import>\n</div>\n",
  "logic": "\nclass Component extends DCLogic {\n  componentDidMount() { document.documentElement.lang = 'hi'; if (!window.AHV_GALLERY_2026) this._t = setTimeout(() => this.forceUpdate(), 300); }\n  componentWillUnmount() { clearTimeout(this._t); }\n  renderVals() {\n    const G = window.AHV_GALLERY_2026 || { intro: '', featured: [], more: [], media: [], trust: [], maps: [] };\n    const A = 'https://ayurvedichealingvillage.com';\n    const f = G.featured.map(c => ({ ...c, url: A + c.href }));\n    return {\n      guard: () => {}, // real collection links retain native navigation\n      G,\n      lead: f[0] || {}, side: f.slice(1),\n      more: G.more.map(c => ({ ...c, url: A + c.href, hasMeta: !!c.meta })),\n      media: G.media.map(m => ({ ...m, url: A + m.href, isFilm: m.kind === 'film', isTour: m.kind === 'tour' }))\n    };\n  }\n}\n",
  "props": "",
  "scripts": [
    "/ahv/l10n/hi/assets/gallery-hub-2026-candidate.js"
  ],
  "locale": "hi"
}
