{
  "id": "ahv-template-product-family-desktop",
  "file": "AHV Template Product Family Desktop.dc.html",
  "sourceSha256": "343f3979ffefa5e7d50b8262de2af1667ca538d0ebe1498ef15375e684e04709",
  "variant": "desktop",
  "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; }\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  @media (prefers-reduced-motion: reduce) { * { transition:none !important; animation:none !important; } }\n</style>\n</helmet>\n\n<div style=\"width:100%;background:#F7F4EA;font-family:'Mulish',sans-serif;color:#2A2118;font-size:18px;line-height:1.7;\">\n\n  <dc-import name=\"AHV Chrome Header\" hint-size=\"100%,72px\"></dc-import>\n\n  <section style=\"padding:40px 0 0;\">\n    <div style=\"width:min(1220px,94%);margin:0 auto;\">\n      <nav aria-label=\"面包屑导航\" style=\"font-size:14px;line-height:1.5;color:#75695A;margin-bottom:26px;\">\n        <a href=\"https://ayurvedichealingvillage.com/zh/\" 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;\">首页</a> <span style=\"padding:0 10px;color:#C9BFA8;\">•</span> <span aria-current=\"page\">产品系列</span>\n      </nav>\n      <p style=\"margin:0 0 14px;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 · 始于1908年</p>\n      <h1 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:56px;line-height:1.12;letter-spacing:-0.4px;color:#2A2118;max-width:16ch;\">产品系列</h1>\n      <p style=\"margin:26px 0 0;padding-left:22px;border-left:3px solid #C1882C;font-size:21px;line-height:1.6;color:#514A3F;max-width:56ch;\">Kairali Ayurvedic Group 生产的药物、有机产品、茶饮、图书及器具。此处对每个系列分别作了介绍，各系列需单独订购。</p>\n    </div>\n  </section>\n\n  <div style=\"width:100%;margin-top:44px;\">\n    <div style=\"overflow:hidden;width:100%;height:420px;background:#E0D7C4;border-top:1px solid #E9E2D3;border-bottom:1px solid #E9E2D3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:0 24px;\"><img src=\"/ahv/assets/img/gallery/ee7d129f97f1b7e211572def4f1bbae675da2b34eaf75e3b76df1d57f01a63bd.webp\" alt=\"医院周边喀拉拉邦乡村的稻田和椰子林航拍图\" loading=\"eager\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"></div>\n  </div>\n\n  <main style=\"width:min(1220px,94%);margin:0 auto;padding:64px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start;\">\n\n    <div>\n      <h2 style=\"margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:34px;line-height:1.2;color:#2A2118;\">产品系列</h2>\n      <div style=\"width:56px;height:2px;background:#C1882C;margin:18px 0 28px;\"></div>\n      <p style=\"margin:0;font-size:18px;line-height:1.7;color:#2A2118;max-width:66ch;\">Kairali Ayurvedic Group 的产品系列凝聚了逾100年的阿育吠陀知识与经验。每一款配方均采用精心挑选的天然成分，遵循古老的阿育吠陀知识制成。我们的产品从修复性药油到治疗性粉剂，旨在应对特定健康问题，促进整体健康。</p>\n\n      <p style=\"margin:34px 0 0;padding:14px 18px;background:#EFEADD;border:1px solid #E9E2D3;border-radius:4px;font-size:15.5px;line-height:1.6;color:#514A3F;max-width:66ch;\">网上购买：<strong>印度</strong> — <a href=\"https://www.kairaliproducts.in/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.in</a>；<strong>国际客户</strong> — <a href=\"https://www.kairaliproducts.com/\" target=\"_blank\" rel=\"noopener noreferrer\">kairaliproducts.com</a>。患者也可凭医生处方在医院自设药房购买产品。 </p>\n\n      <div style=\"margin-top:8px;\">\n        <sc-for list=\"{{ entries }}\" as=\"e\" hint-placeholder-count=\"7\">\n          <article style=\"display:flex;gap:40px;align-items:flex-start;border-top:1px solid #E9E2D3;padding:40px 0;\">\n            <sc-if value=\"{{ withImages }}\" hint-placeholder-val=\"{{ true }}\">\n              <div style=\"flex:0 0 320px;height:214px;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            <div style=\"flex:1 1 auto;min-width:0;\">\n              <h3 style=\"margin:0 0 6px;font-family:'Marcellus',serif;font-weight:400;font-size:26px;line-height:1.25;\">\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;max-width:66ch;\"><strong style=\"font-weight:700;\">{{ e.name }}</strong> {{ e.body }}</p>\n              <a href=\"{{ e.href }}\" style=\"display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:14px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#006038;text-decoration:none;\">了解该系列 →</a>\n            </div>\n          </article>\n        </sc-for>\n      </div>\n    </div>\n\n    <aside aria-labelledby=\"rail-h\" style=\"position:sticky;top:24px;border:1px solid #E9E2D3;border-radius:4px;background:#FFFFFF;padding:28px 26px;\">\n      <h2 id=\"rail-h\" style=\"margin:0 0 4px;font-family:'Marcellus',serif;font-weight:400;font-size:24px;line-height:1.25;\">关于我们</h2>\n      <div style=\"width:40px;height:2px;background:#C1882C;margin:14px 0 22px;\"></div>\n      <sc-for list=\"{{ railGroups }}\" as=\"g\" hint-placeholder-count=\"4\">\n        <div style=\"margin-bottom:26px;\">\n          <h3 style=\"margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8F6212;line-height:1.5;\">{{ g.title }}</h3>\n          <ul style=\"list-style:none;margin:0;padding:0;border-top:1px solid #E9E2D3;\">\n            <sc-for list=\"{{ g.links }}\" as=\"l\" hint-placeholder-count=\"5\">\n              <li style=\"border-bottom:1px solid #E9E2D3;\">\n                <a href=\"{{ l.href }}\" style=\"display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:15.5px;line-height:1.5;color:#006038;text-decoration:none;\">{{ l.label }}</a>\n              </li>\n            </sc-for>\n          </ul>\n        </div>\n      </sc-for>\n    </aside>\n\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:56px 24px;\">\n    <div style=\"max-width:760px;margin:0 auto;text-align:center;\">\n      <ul style=\"list-style:none;margin:0 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;text-align:left;\">\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>NABH 认证医院</li>\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>118+ 年传承</li>\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>个性化治疗方案</li>\n        <li style=\"font-size:16px;line-height:1.6;color:#2A2118;\"><span aria-hidden=\"true\" style=\"color:#C1882C;margin-right:10px;\">◆</span>World Luxury Award 获奖者</li>\n      </ul>\n      <h2 id=\"close-h\" style=\"margin:0 0 14px;font-family:'Marcellus',serif;font-weight:400;font-size:26px;line-height:1.3;color:#2A2118;\">不确定哪个方案适合您？</h2>\n      <p style=\"margin:0 auto 30px;font-size:16.5px;line-height:1.6;color:#514A3F;max-width:56ch;\">请用您自己的话说明您的目标——患者护理团队或阿育吠陀医生将为您推荐合适的方案。</p>\n      <div style=\"display:flex;flex-wrap:wrap;gap:14px;justify-content:center;\">\n        <a href=\"https://ayurvedichealingvillage.com/zh/online-consultation/\" style=\"display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;background:#EEB41E;color:#2A2118;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;\">免费医生问诊</a> <a href=\"https://wa.me/919289838797\" style=\"display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;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 患者护理</a> <a href=\"https://ayurvedichealingvillage.com/zh/contact-us/\" style=\"display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 18px;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;\">立即咨询</a>\n      </div>\n    </div>\n  </section>\n\n  <dc-import name=\"AHV Chrome Footer\" hint-size=\"100%,560px\"></dc-import>\n\n</div>\n\n",
  "logic": "\nconst B = 'https://ayurvedichealingvillage.com';\n\nconst ENTRIES = [\n  { name: 'Kairali 阿育吠陀草本茶', href: B + '/ayurvedic-herbal-tea/', file: '2024/12/tea.jpg.webp',\n    body: '旨在促进整体健康。Kairali 阿育吠陀草本茶由正宗阿育吠陀草本精心调配而成。每一口都有助于增强免疫力、帮助身体自然排毒，并舒缓身心。在每一杯中感受阿育吠陀的宁静精髓，拥抱更健康的生活方式。' },\n  { name: '阿育吠陀专有有机产品', href: B + '/ayurvedic-proprietary-organics/', file: '2023/09/Ayurvedic-Proprietary-Organics.jpg',\n    body: '体现了阿育吠陀的智慧与大自然的纯净。我们精心配制的有机产品旨在促进活力、平衡与健康。Kairali 值得信赖的有机产品线提供正宗、可持续的阿育吠陀调理。' },\n  { name: 'Kair by Kairali', href: B + '/kair-by-kairali/', file: '2024/12/Kair.jpg.webp',\n    body: '是一系列优质阿育吠陀健康产品，旨在为身心注入活力。Kair 以纯正的阿育吠陀原则为基础，为现代生活提供多种调理方案。Kair by Kairali 凝聚了历久弥新的疗愈精髓。' },\n  { name: 'Kairali 阿育吠陀专有药物', href: B + '/ayurvedic-proprietary-medicines/', file: '2023/09/Ayurvedic-Proprietary-Medicines.jpg',\n    body: '依托阿育吠陀智慧精心研制，用于应对多种健康问题。这些配方将真正的草药与天然物质相结合，应遵医嘱服用。' },\n  { name: 'Kairali 阿育吠陀经典药物', href: B + '/ayurvedic-classical-medicines/', file: '2023/09/Ayurvedic-Classial-Medicines.jpg',\n    body: '以最纯粹的形式承载传统阿育吠陀学问的精髓。这些正宗配方以古代典籍为依据，旨在促进平衡与全面健康。Kairali 久经验证的经典疗法体现了阿育吠陀医学历久不衰的功效。' },\n  { name: '图书', href: B + '/books/', file: '2023/09/Books.jpg',\n    body: 'Kairali Ayurvedic Group 创始人 Gita Ramesh 撰写了多本阿育吠陀烹饪类图书，包括《Get Fit in Just 2 Weeks》《Ayurvedic Herbal Massage》和《Ayurvedic Wellness Cookbook》，巧妙地将传统知识与适合现代生活的实用食谱融为一体。' },\n  { name: 'Kairali Ayurvedic Equipment', href: B + '/kairali-ayurvedic-equipment/', file: '2023/09/Kairali-Ayurvedic-Equipment.jpg',\n    body: '旨在精准、细致地配合正宗的阿育吠陀治疗。从基础按摩床到现代治疗设备，每件产品均符合严格的质量与功能标准。Kairali 值得信赖的阿育吠陀器具可助力您的健康执业。' }\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/'),\n    L('阿育吠陀草本茶', '/ayurvedic-herbal-tea/'),\n    L('阿育吠陀专有有机产品', '/ayurvedic-proprietary-organics/'),\n    L('Kair by Kairali', '/kair-by-kairali/'),\n    L('阿育吠陀专有药物', '/ayurvedic-proprietary-medicines/'),\n    L('阿育吠陀经典药物', '/ayurvedic-classical-medicines/'),\n    L('图书', '/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 阿育吠陀加盟', '/ayurvedic-franchise/'),\n    L('Kairali Institute Of Ayurveda And Panchakarma Therapy', '/kairali-institute-of-ayurveda-and-panchakarma-therapy/')\n  ]},\n  { title: '愿景与使命', links: [ L('愿景与使命', '/vision-and-mission/') ]},\n  { title: '企业社会责任（CSR）', links: [ L('社会、文化与环境承诺', '/social-cultural-environmental-commitment/') ]},\n  { title: '奖项与资质认证', links: [\n    L('奖项与资质认证', '/awards-and-accreditations/'),\n    L('资质认证', '/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 ?? '示例（437词，7个系列，含图片）';\n    const short = stress.indexOf('short') === 0;\n    return {\n      entries: short ? ENTRIES.slice(0, 1) : ENTRIES,\n      withImages: stress.indexOf('no images') !== 0 && !short,\n      railGroups: (this.props.showRail ?? true) ? RAIL : []\n    };\n  }\n}\n\n",
  "props": "{\"$preview\":{\"width\":1440},\"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": [],
  "locale": "zh-Hans"
}
