{
  "id": "ahv-template-product-family-mobile",
  "file": "AHV Template Product Family Mobile.dc.html",
  "sourceSha256": "caaa3de22ed41f72dfd05421112c9ff131646bfab025c3e847f145faaa14ff16",
  "variant": "mobile",
  "template": "\n<helmet>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link href=\"https://fonts.googleapis.com/css2?family=Marcellus&family=Mulish:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  html, body { margin:0; padding:0; background:#F7F4EA; overflow-x:hidden; }\n  *, *::before, *::after { box-sizing: border-box; }\n  body { font-family:'Mulish', sans-serif; color:#2A2118; -webkit-font-smoothing:antialiased; }\n  a { color:#006038; }\n  a:hover { color:#004226; }\n  summary::-webkit-details-marker { display:none; }\n  summary { list-style:none; cursor:pointer; }\n  @media (prefers-reduced-motion: reduce) { * { transition:none !important; animation:none !important; } }\n</style>\n</helmet>\n\n<div style=\"width:100%;max-width:100%;margin:0 auto;background:#F7F4EA;font-family:'Mulish',sans-serif;color:#2A2118;font-size:18px;line-height:1.7;overflow-x:hidden;\">\n\n  <dc-import name=\"AHV Chrome Header\" narrow=\"true\" style=\"position:sticky;top:0;z-index:80\" hint-size=\"100%,64px\"></dc-import>\n\n  <section style=\"padding:24px 20px 0;\">\n    <nav aria-label=\"Breadcrumb\" style=\"font-size:14px;line-height:1.5;color:#75695A;margin:0 0 18px;\">\n      <a href=\"https://ayurvedichealingvillage.com/\" style=\"display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-left:-8px;padding:0 8px;color:#006038;text-decoration:none;\">Home</a>\n      <span style=\"padding:0 8px;color:#C9BFA8;\">•</span>\n      <span aria-current=\"page\">Product Range</span>\n    </nav>\n    <p style=\"margin:0 0 10px;font-size:12.5px;line-height:1.5;letter-spacing:2.6px;text-transform:uppercase;color:#8F6212;font-weight:700;\">Kairali — The Ayurvedic Healing Village · Since 1908</p>\n    <h1 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:34px;line-height:1.18;color:#2A2118;\">Product Range</h1>\n    <p style=\"margin:18px 0 0;padding-left:16px;border-left:3px solid #C1882C;font-size:18px;line-height:1.65;color:#514A3F;\">The medicines, organics, teas, books and equipment manufactured by the Kairali Ayurvedic Group. Each range is described here and ordered separately.</p>\n  </section>\n\n  <div style=\"overflow:hidden;width:100%;height:220px;margin-top:26px;background:#E0D7C4;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 20px;\"><img src=\"/ahv/assets/img/gallery/ee7d129f97f1b7e211572def4f1bbae675da2b34eaf75e3b76df1d57f01a63bd.webp\" alt=\"Aerial view of paddy fields and coconut palms in the Kerala countryside around the hospital\" loading=\"eager\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n\n  <main style=\"padding:34px 20px 0;\">\n    <h2 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:27px;line-height:1.22;color:#2A2118;\">Product Range</h2>\n    <div style=\"width:48px;height:2px;background:#C1882C;margin:14px 0 22px;\"></div>\n    <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;\">Our product line at Kairali Ayurvedic Group reflects more than a century of Ayurvedic knowledge and experience. Natural, carefully selected ingredients are used to create each composition in keeping with age-old Ayurvedic knowledge. Our products, which range from restorative oils to therapeutic powders, are made to address certain health issues and encourage overall well-being.</p>\n\n    <p style=\"margin:24px 0 0;padding:13px 15px;background:#EFEADD;border:1px solid #E9E2D3;border-radius:4px;font-size:17px;line-height:1.6;color:#514A3F;\">Shop online: <strong>India</strong> — <a href=\"https://www.kairaliproducts.in/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.in</a>; <strong>international customers</strong> — <a href=\"https://www.kairaliproducts.com/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.com</a>. Products are also available from the hospital’s own pharmacy as prescribed by the doctors. </p>\n\n    <p style=\"margin:30px 0 0;font-size:11.5px;letter-spacing:2.2px;text-transform:uppercase;color:#8F6212;font-weight:700;\">{{ rangeCountLabel }}</p>\n\n    <div style=\"margin-top:14px;\">\n      <sc-for list=\"{{ entries }}\" as=\"e\" hint-placeholder-count=\"7\">\n        <article style=\"border-top:1px solid #E9E2D3;padding:24px 0 28px;\">\n          <sc-if value=\"{{ withImages }}\" hint-placeholder-val=\"{{ true }}\">\n            <div style=\"width:100%;height:200px;margin-bottom:20px;border-radius:4px;overflow:hidden;background:#E0D7C4;\"><img src=\"{{ e.src }}\" alt=\"{{ e.name }}\" loading=\"lazy\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n          </sc-if>\n          <h3 style=\"margin:0 0 6px;font-family:'Marcellus',serif;font-weight:400;font-size:23px;line-height:1.28;\">\n            <a href=\"{{ e.href }}\" style=\"display:inline-flex;align-items:center;min-height:44px;color:#2A2118;text-decoration:none;border-bottom:1px solid #C1882C;padding-bottom:2px;\">{{ e.name }}</a>\n          </h3>\n          <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;\"><strong style=\"font-weight:700;\">{{ e.name }}</strong> {{ e.body }}</p>\n          <a href=\"{{ e.href }}\" style=\"display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;margin-top:16px;padding:0 16px;border:1px solid #E9E2D3;border-radius:4px;background:#FFFFFF;font-size:14px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#006038;text-decoration:none;\">\n            <span>Read about this range</span><span aria-hidden=\"true\">→</span>\n          </a>\n        </article>\n      </sc-for>\n    </div>\n\n    <sc-if value=\"{{ showRail }}\" hint-placeholder-val=\"{{ true }}\">\n      <section aria-labelledby=\"rail-h\" style=\"margin:14px 0 0;border-top:1px solid #E9E2D3;padding-top:28px;\">\n        <h2 id=\"rail-h\" style=\"margin:0 0 4px;font-family:'Marcellus',serif;font-weight:400;font-size:24px;line-height:1.25;\">About Us</h2>\n        <div style=\"width:40px;height:2px;background:#C1882C;margin:14px 0 20px;\"></div>\n        <sc-for list=\"{{ railGroups }}\" as=\"g\" hint-placeholder-count=\"4\">\n          <details style=\"border:1px solid #E9E2D3;border-radius:4px;background:#FFFFFF;margin-bottom:12px;\">\n            <summary style=\"display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 16px;font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8F6212;line-height:1.5;\">\n              <span>{{ g.title }}</span><span aria-hidden=\"true\" style=\"color:#C1882C;font-size:16px;\">＋</span>\n            </summary>\n            <ul style=\"list-style:none;margin:0;padding:0 16px 8px;\">\n              <sc-for list=\"{{ g.links }}\" as=\"l\" hint-placeholder-count=\"5\">\n                <li style=\"border-top:1px solid #E9E2D3;\">\n                  <a href=\"{{ l.href }}\" style=\"display:flex;align-items:center;min-height:52px;padding:10px 0;font-size:17px;line-height:1.5;color:#006038;text-decoration:none;\">{{ l.label }}</a>\n                </li>\n              </sc-for>\n            </ul>\n          </details>\n        </sc-for>\n      </section>\n    </sc-if>\n  </main>\n\n  <div style=\"height:56px;\"></div>\n\n  <section aria-labelledby=\"close-h\" style=\"width:100%;background:#FFFFFF;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;background-image:repeating-linear-gradient(135deg, rgba(193,136,44,.05) 0 1px, transparent 1px 9px);padding:34px 20px;\">\n    <div style=\"max-width:760px;margin:0 auto;\">\n      <ul style=\"list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;\">\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>NABH Certified Hospital</li>\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>118+ Years Heritage</li>\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>Individualised Programmes</li>\n        <li style=\"font-size:15px;line-height:1.5;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:7px;\">◆</span>WLA Winner</li>\n      </ul>\n      <h2 id=\"close-h\" style=\"margin:0 0 12px;font-family:'Marcellus',serif;font-weight:400;font-size:26px;line-height:1.3;color:#2A2118;text-align:center;\">Not sure which programme fits?</h2>\n      <p style=\"margin:0 0 24px;font-size:16.5px;line-height:1.6;color:#514A3F;text-align:center;\">Share your goal in your own words — the patient care team or an Ayurvedic doctor will point you to the right programme.</p>\n      <div style=\"display:flex;flex-wrap:wrap;gap:12px;justify-content:center;\">\n        <a href=\"https://ayurvedichealingvillage.com/online-consultation/\" style=\"display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:52px;padding:0 14px;background:#EEB41E;color:#2A2118;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">Free Doctor Consultation</a>\n        <a href=\"https://wa.me/919289838797\" style=\"display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:52px;padding:0 14px;border:1.5px solid #006038;color:#006038;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp Patient Care</a>\n        <a href=\"https://ayurvedichealingvillage.com/enquiry-form/\" style=\"display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:52px;padding:0 14px;border:1.5px solid #5A4420;color:#5A4420;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">Enquire Now</a>\n      </div>\n    </div>\n  </section>\n\n  <dc-import name=\"AHV Chrome Footer\" narrow=\"true\" hint-size=\"100%,900px\"></dc-import>\n\n</div>\n\n",
  "logic": "\nconst B = 'https://ayurvedichealingvillage.com';\n\nconst ENTRIES = [\n  { name: 'Kairali Ayurvedic Herbal Tea', href: B + '/ayurvedic-herbal-tea/', file: '2024/12/tea.jpg.webp',\n    body: 'is designed to promote holistic wellness, Kairali Ayurvedic Herbal Tea is a carefully crafted blend of authentic Ayurvedic herbs. The tea boosts immunity, offers natural detoxification, and soothes the mind and body with each sip. Embrace a healthier lifestyle with the calming essence of Ayurveda in every cup.' },\n  { name: 'Ayurvedic Proprietary Organics', href: B + '/ayurvedic-proprietary-organics/', file: '2023/09/Ayurvedic-Proprietary-Organics.jpg',\n    body: 'represents the knowledge of Ayurveda and the purity of nature. Our carefully formulated organic products are designed to promote energy, balance, and wellness. Kairali’s dependable organic line offers genuine, sustainable Ayurvedic treatment.' },\n  { name: 'Kair by Kairali', href: B + '/kair-by-kairali/', file: '2024/12/Kair.jpg.webp',\n    body: 'is a premium range of Ayurvedic wellness products that revitalize the body and soul. Kair provides a variety of treatments for modern living, all based on true Ayurvedic principles. Kair by Kairali captures the essence of timeless healing.' },\n  { name: 'Kairali Ayurvedic Proprietary Medicines', href: B + '/ayurvedic-proprietary-medicines/', file: '2023/09/Ayurvedic-Proprietary-Medicines.jpg',\n    body: 'are precisely created to address a variety of health conditions using the wisdom of Ayurveda. These formulations combine real herbs with natural substances and are taken as a physician advises.' },\n  { name: 'Kairali Ayurvedic Classical Medicines', href: B + '/ayurvedic-classical-medicines/', file: '2023/09/Ayurvedic-Classial-Medicines.jpg',\n    body: 'capture the essence of traditional Ayurvedic learning in its purest form. These authentic compositions, based on ancient scriptures, are designed to promote balance and comprehensive health. Kairali’s tried-and-tested classical treatments provide the ageless efficacy of Ayurvedic medicine.' },\n  { name: 'Books', href: B + '/books/', file: '2023/09/Books.jpg',\n    body: 'The founder of Kairali Ayurvedic Group, Gita Ramesh, has written Ayurvedic cookbooks namely- “Get Fit in Just 2 Weeks, Ayurvedic Herbal Massage, and Ayurvedic Wellness Cookbook”, that masterfully blend traditional knowledge with useful recipes for contemporary living.' },\n  { name: 'Kairali Ayurvedic Equipment', href: B + '/kairali-ayurvedic-equipment/', file: '2023/09/Kairali-Ayurvedic-Equipment.jpg',\n    body: 'is intended to accompany real Ayurvedic treatments with accuracy and care. Each product, from basic massage tables to modern therapy equipment, meets the highest quality and functional criteria. Kairali’s trusted Ayurvedic equipment can help you empower your health practice.' }\n];\n\nconst L = (label, path) => ({ label, href: B + path });\n\nconst RAIL = [\n  { title: 'Kairali Ayurvedic Group', links: [\n    L('Kairali Hospitality', '/kairali-hospitality/'),\n    L('Kairali Ayurvedic Products Pvt.ltd.', '/kairali-ayurvedic-products-pvt-ltd/'),\n    L('Product Range', '/product-range/'),\n    L('Ayurvedic Herbal Tea', '/ayurvedic-herbal-tea/'),\n    L('Ayurvedic Proprietary Organics', '/ayurvedic-proprietary-organics/'),\n    L('Kair by Kairali', '/kair-by-kairali/'),\n    L('Ayurvedic Proprietary Medicines', '/ayurvedic-proprietary-medicines/'),\n    L('Ayurvedic Classical Medicines', '/ayurvedic-classical-medicines/'),\n    L('Books', '/books/'),\n    L('Kairali Ayurvedic Equipment', '/kairali-ayurvedic-equipment/'),\n    L('Arogya Kendra', '/arogya-kendra/'),\n    L('Arogya Shala', '/arogya-shala/'),\n    L('Kairali Ayurvedic Center', '/kairali-ayurvedic-treatment-center/'),\n    L('Kairali Ayurveda Franchise', '/ayurvedic-franchise/'),\n    L('Kairali Institute Of Ayurveda And Panchakarma Therapy', '/kairali-institute-of-ayurveda-and-panchakarma-therapy/')\n  ]},\n  { title: 'Vision and Mission', links: [ L('Vision and Mission', '/vision-and-mission/') ]},\n  { title: 'Corporate Social Responsibility (CSR)', links: [ L('Social, Cultural & Environmental Commitment', '/social-cultural-environmental-commitment/') ]},\n  { title: 'Awards & Accreditations', links: [\n    L('Awards & Accreditations', '/awards-and-accreditations/'),\n    L('Accreditations', '/accreditations/')\n  ]}\n];\n\nconst ENTRIES_SRC_BY_FILE = {\"2024/12/tea.jpg.webp\":\"/ahv/assets/img/collection/78361410860a0a83f90c750688ff062f9d51316793e4e11057a697e4a7855a91.webp\",\"2023/09/Ayurvedic-Proprietary-Organics.jpg\":\"/ahv/assets/img/collection/492506d69e9549019bf84523266bfcf4505ed17e6740abbf0cc3bc580022089e.webp\",\"2024/12/Kair.jpg.webp\":\"/ahv/assets/img/collection/ee3b169ac5c40f957ab95f5fcad9da9024c2ee65c4e6aea592eace4c34a9717c.webp\",\"2023/09/Ayurvedic-Proprietary-Medicines.jpg\":\"/ahv/assets/img/collection/23f159a1885856b0e65b1c53fd11c5d2c4c47f05eda607656574440cdfeb673f.webp\",\"2023/09/Ayurvedic-Classial-Medicines.jpg\":\"/ahv/assets/img/collection/e12b9ef615f4d4a3be65cdd09da860c7746f47643f422614a773d2c4a0abd204.webp\",\"2023/09/Books.jpg\":\"/ahv/assets/img/collection/6dfc66cb60492e2f17d82ee37a75d0d11584b3c4d28abcc80ac5a2d79121657e.webp\",\"2023/09/Kairali-Ayurvedic-Equipment.jpg\":\"/ahv/assets/img/collection/30d2350871755612d1b65e4c05c9eb1e9241472406a6e714ea1b509eafeb8aaf.webp\"};\nENTRIES.forEach(e => { e.src = ENTRIES_SRC_BY_FILE[e.file] || ''; });\n\nclass Component extends DCLogic {\n  renderVals() {\n    const stress = this.props.stressTest ?? 'example (437 words, 7 ranges, images)';\n    const short = stress.indexOf('short') === 0;\n    const entries = short ? ENTRIES.slice(0, 1) : ENTRIES;\n    const showRail = this.props.showRail ?? true;\n    return {\n      entries,\n      withImages: stress.indexOf('no images') !== 0 && !short,\n      showRail,\n      railGroups: showRail ? RAIL : [],\n      rangeCountLabel: entries.length === 1 ? 'The range' : entries.length + ' ranges'\n    };\n  }\n}\n\n",
  "props": "{\"$preview\":{\"width\":390},\"stressTest\":{\"editor\":\"enum\",\"default\":\"example (437 words, 7 ranges, images)\",\"options\":[\"example (437 words, 7 ranges, images)\",\"no images (758-word extreme)\",\"short (161-word extreme)\"],\"tsType\":\"string\",\"section\":\"Template stress test\"},\"showRail\":{\"editor\":\"boolean\",\"default\":true,\"tsType\":\"boolean\",\"section\":\"Template stress test\"}}",
  "scripts": []
}
