/** 商城预览 demo：骨架模板 + 此处填充 = 点击预览可见的完整案例 */
export const TEMPLATE_PREVIEW_DEMO = {
  'page-template-travel': {
    PAGE_TITLE: '仙居玩水完全指南',
    PAGE_DESCRIPTION: '淡竹白溪、永安溪竹筏、神仙居周边溪谷亲水玩法完整攻略',
    ACCENT: '#14b8a6',
    ACCENT2: '#5eead4',
    HERO_EYEBROW: 'Zhejiang · Water Play',
    HERO_HEADLINE: '仙居玩水完全指南',
    HERO_SUBTITLE: '淡竹白溪、永安溪竹筏、神仙居周边溪谷——一篇搞定停车、装备、亲子路线与安全避坑。',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1439066585861-d1af04d7400e?auto=format&fit=crop&w=1600&q=80',
    MAIN_CONTENT_HTML:
      '<span class="day-badge">DAY 1</span><h2>淡竹白溪 · 浙东「小九寨沟」</h2><p>清晨从县城出发约 40 分钟，建议 9 点前抵达占车位。溪水清澈见底，浅滩适合亲子戏水。</p><div class="spot-grid"><article class="spot-card"><h3>停车</h3><p>白溪村村委会旁免费停车场，周末 10 点后紧张。</p></article><article class="spot-card"><h3>装备</h3><p>溯溪鞋、防水袋、换洗衣物、驱蚊液。</p></article><article class="spot-card"><h3>拍照点</h3><p>上游木桥与石滩倒影，下午 4 点侧光最佳。</p></article></div><span class="day-badge">DAY 2</span><h2>永安溪 · 竹筏漂流</h2><p>经典路线全程约 2 小时，两岸竹林与田园交替，适合长辈同行。</p><div class="tip-box">⚠️ 雷雨或泄洪期间暂停开放，儿童需成人陪同并全程穿救生衣。</div>',
    MINDSPACE_COVER_JSON: '{"title":"仙居玩水指南","subtitle":"TKMind 模板预览"}',
  },
  'page-template-campaign': {
    PAGE_TITLE: '春季限定 · 全场 8 折',
    PAGE_DESCRIPTION: '首屏 CTA + 卖点区 + 活动优惠，适合商品宣传落地页',
    ACCENT: '#ef4444',
    ACCENT2: '#fb923c',
    PRODUCT_NAME: 'SPRING SALE',
    HERO_HEADLINE: '全场 8 折起 · 限时 7 天',
    HERO_SUBTITLE: '下单即享满减，支持微信/余额支付。爆款库存有限，售完即止。',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1523275335684-37898b6baf30?auto=format&fit=crop&w=1200&q=80',
    CTA_URL: '#',
    CTA_LABEL: '立即抢购',
    SELLING_POINTS_HTML:
      '<h2>三大保障</h2><ul><li>正品直采，假一赔十</li><li>48 小时极速发货</li><li>7 天无理由退换</li></ul><h2>人气单品</h2><p>轻量背包、保温杯、运动毛巾组合购再减 30 元。</p>',
    OFFER_HTML:
      '<h2>阶梯满减</h2><p>满 199 减 30 · 满 399 减 80 · 满 599 减 150</p><p>新客首单额外 9 折，可与满减叠加。</p>',
    MINDSPACE_COVER_JSON: '{"title":"春季限定促销","subtitle":"TKMind 模板预览"}',
  },
  'page-template-survey': {
    PAGE_TITLE: '亲子夏令营报名',
    PAGE_DESCRIPTION: '含 Page Data 的问卷前台壳，需配合 page-data-collect 建表',
    SURVEY_HEADLINE: '2026 暑期亲子夏令营报名',
    SURVEY_INTRO_HTML:
      '<p>填写以下信息完成报名，名额有限（剩余 12 位）。提交后可在后台查看汇总，我们会短信确认。</p>',
    FORM_FIELDS_HTML:
      '<label>孩子姓名<input name="child_name" placeholder="请输入姓名"></label><label>家长手机号<input name="phone" placeholder="11 位手机号"></label><label>年龄段<select name="age_group"><option>6-8 岁</option><option>9-12 岁</option><option>13-15 岁</option></select></label><label>特殊说明<textarea name="notes" rows="3" placeholder="过敏、饮食偏好等"></textarea></label>',
    SUBMIT_BUTTON_LABEL: '提交报名',
    DATASET_ID: '',
    MINDSPACE_COVER_JSON: '{"title":"夏令营报名","subtitle":"TKMind 模板预览"}',
  },
  'page-template-restaurant': {
    PAGE_TITLE: '巷里小馆 · 当季菜单',
    PAGE_DESCRIPTION: '分类菜单 + 推荐菜，适合餐厅与咖啡馆',
    ACCENT: '#d97706',
    VENUE_TAG: 'SEASONAL MENU',
    VENUE_NAME: '巷里小馆',
    VENUE_SUBTITLE: '当季食材 · 私房风味 · 预约制 · 晚 6 点起',
    MENU_SECTIONS_HTML:
      '<section class="menu-section"><h2>招牌主菜</h2><div class="menu-item"><span>慢炖牛腩配手作宽面</span><span class="price">¥68</span></div><div class="menu-item"><span>香煎鲈鱼 · 柠檬黄油汁</span><span class="price">¥88</span></div><div class="menu-item"><span>黑椒 M5 牛小排</span><span class="price">¥128</span></div></section><section class="menu-section"><h2>小食与甜点</h2><div class="menu-item"><span>手工希腊酸奶配蜂蜜</span><span class="price">¥18</span></div><div class="menu-item"><span>现烤可露丽（3 枚）</span><span class="price">¥32</span></div></section><section class="menu-section"><h2>饮品</h2><div class="menu-item"><span>单品手冲 · 埃塞俄比亚</span><span class="price">¥38</span></div><div class="menu-item"><span>自制姜撞奶</span><span class="price">¥22</span></div></section>',
    MINDSPACE_COVER_JSON: '{"title":"巷里小馆","subtitle":"TKMind 模板预览"}',
  },
  'page-template-portfolio': {
    PAGE_TITLE: '林设计 · 作品集',
    PAGE_DESCRIPTION: '网格卡片展示项目与作品',
    ACCENT: '#6366f1',
    CREATOR_NAME: '林设计',
    CREATOR_TAGLINE: '品牌视觉 · 产品 UI · 插画 · 8 年经验',
    PROJECT_CARDS_HTML:
      '<article class="card"><h3>咖啡品牌重塑</h3><p>Logo、包装与门店导视系统，覆盖 12 城 40+ 门店。</p><span class="tag">Branding</span></article><article class="card"><h3>教育 App UI</h3><p>从 0 到 1 信息架构、设计系统与 120+ 组件。</p><span class="tag">Product</span></article><article class="card"><h3>音乐节主视觉</h3><p>2025 城市音乐节 VI、周边与舞台背景。</p><span class="tag">Campaign</span></article><article class="card"><h3>SaaS 仪表盘</h3><p>B 端数据可视化界面，深色模式与无障碍适配。</p><span class="tag">UI</span></article>',
    MINDSPACE_COVER_JSON: '{"title":"林设计作品集","subtitle":"TKMind 模板预览"}',
  },
  'page-template-event': {
    PAGE_TITLE: '创作者年度沙龙',
    PAGE_DESCRIPTION: '活动邀请 + 议程，适合沙龙、发布会',
    PAGE_DESCRIPTION_ALT: '',
    EVENT_DATE: '2026年9月20日 14:00',
    EVENT_CITY: '上海 · 西岸艺术中心',
    EVENT_TITLE: '创作者年度沙龙 · 2026',
    EVENT_INTRO:
      '与 30 位独立创作者面对面，分享内容增长、变现与 AI 工作流。限额 80 人，报名成功后发送电子票。',
    AGENDA_HTML:
      '<h2>议程</h2><ul><li>14:00 — 签到 & 自由交流</li><li>14:30 — 主题演讲：内容时代的个人品牌</li><li>15:30 — 圆桌：从 0 到 10 万粉的真实路径</li><li>16:30 — 自由社交 & 合影</li></ul>',
    MINDSPACE_COVER_JSON: '{"title":"创作者沙龙","subtitle":"TKMind 模板预览"}',
  },
  'page-template-course': {
    PAGE_TITLE: 'AI 产品实战营',
    PAGE_DESCRIPTION: '课程落地页 + 大纲 + CTA',
    ACCENT: '#2563eb',
    COURSE_TITLE: 'AI 产品实战营',
    COURSE_SUBTITLE: '8 周系统学习：需求洞察 → Agent 设计 → 数据评测 → 上线迭代',
    CTA_URL: '#',
    CTA_LABEL: '立即报名 · 早鸟 ¥2999',
    SYLLABUS_HTML:
      '<h2>课程大纲</h2><ol><li>Week 1-2：用户研究与 AI 产品机会识别</li><li>Week 3-4：Prompt / Agent 架构与工具链</li><li>Week 5-6：数据飞轮与评测体系</li><li>Week 7-8：上线、增长与合规</li></ol><p><strong>适合：</strong>产品经理、创业者、独立开发者。每期限额 40 人，含 4 次直播答疑。</p>',
    MINDSPACE_COVER_JSON: '{"title":"AI 产品实战营","subtitle":"TKMind 模板预览"}',
  },
  'page-template-realestate': {
    PAGE_TITLE: '江景三居室 · 精装交付',
    PAGE_DESCRIPTION: '房产展示页，大图 + 参数 + 亮点',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1564013799919-ab600027ffc6?auto=format&fit=crop&w=1600&q=80',
    LISTING_TITLE: '江景三居室 · 精装交付',
    LISTING_LOCATION: '浦东新区 · 陆家嘴板块 · 地铁 2 号线 500m',
    SPECS_TABLE_HTML:
      '<tr><td>建筑面积</td><td>128㎡</td></tr><tr><td>户型</td><td>3 室 2 厅 2 卫</td></tr><tr><td>朝向</td><td>南北通透 · 全明</td></tr><tr><td>楼层</td><td>中高层 / 共 32 层</td></tr><tr><td>装修</td><td>开发商精装 · 2024 交付</td></tr>',
    HIGHLIGHTS_HTML:
      '<h2>核心亮点</h2><p>一线江景阳台、全屋地暖、中央空调、双车位。小区自带会所与 24h 安保，对口优质学区。</p><p>预约看房：工作日 10:00-18:00，周末需提前一天登记。</p>',
    MINDSPACE_COVER_JSON: '{"title":"江景三居室","subtitle":"TKMind 模板预览"}',
  },
  'page-template-blog': {
    PAGE_TITLE: '如何在一页 H5 里讲清复杂故事',
    PAGE_DESCRIPTION: '长文阅读模板，衬线排版',
    ARTICLE_DATE: '2026年8月5日',
    ARTICLE_AUTHOR: 'TKMind 编辑部',
    ARTICLE_TITLE: '如何在一页 H5 里讲清一个复杂故事',
    ARTICLE_BODY_HTML:
      '<p>移动端阅读，用户耐心以秒计。第一屏必须回答：这是什么、对我有什么用、接下来看什么。</p><h2>结构先行</h2><p>推荐四段式：一句话点题 → 3 个关键信息 → 展开论证 → 明确行动号召。每段不超过 120 字。</p><blockquote>好的 H5 不是把 Word 贴上去，而是为屏幕阅读重新编排信息层级。</blockquote><h2>视觉节奏</h2><p>大图 Hero、卡片分块、留白与对比色引导视线。避免长段纯文字墙。</p>',
    MINDSPACE_COVER_JSON: '{"title":"H5 叙事指南","subtitle":"TKMind 模板预览"}',
  },
  'page-template-resume': {
    PAGE_TITLE: '张晨 · 高级前端工程师',
    PAGE_DESCRIPTION: '个人简历，专业 CV 版式',
    ACCENT: '#1d4ed8',
    FULL_NAME: '张晨',
    JOB_TITLE: '高级前端工程师',
    SUMMARY:
      '8 年 Web 经验，擅长 React、TypeScript、Node 与性能优化。带过 5 人前端小组，交付多个 B 端 SaaS 与 C 端 H5 产品。追求可维护架构与出色用户体验。',
    EXPERIENCE_HTML:
      '<h2>工作经历</h2><p><strong>某科技公司</strong> · 2020–至今 · 高级前端</p><p>负责 Portal 与低代码平台，主导设计系统落地，首屏性能提升 40%。</p><p><strong>某互联网大厂</strong> · 2017–2020 · 前端工程师</p><p>参与电商大促 H5，支撑千万级 UV 活动页。</p>',
    SKILLS_HTML:
      '<h2>核心技能</h2><p>React · TypeScript · Node.js · Vite · 性能优化 · 设计系统 · 团队管理</p>',
    MINDSPACE_COVER_JSON: '{"title":"张晨 · 简历","subtitle":"TKMind 模板预览"}',
  },
  'page-template-wedding': {
    PAGE_TITLE: '李明 & 王悦 · 婚礼邀请',
    PAGE_DESCRIPTION: '婚礼邀请函，浪漫典雅',
    COUPLE_NAMES: '李明 & 王悦',
    WEDDING_DATE: '2026年10月18日 · 星期日 · 吉时 11:18',
    WEDDING_VENUE: '杭州 · 西湖国宾馆 · 紫薇厅',
    DETAILS_HTML:
      '<p>诚挚邀请您见证我们的幸福时刻。请于 10 月 10 日前回复是否出席。</p><p>着装建议：浅色系礼服。现场备有接驳车，详见电子邀请函导航。</p><p>Contact：138-0000-0000（新娘助理）</p>',
    MINDSPACE_COVER_JSON: '{"title":"婚礼邀请","subtitle":"TKMind 模板预览"}',
  },
  'page-template-fitness': {
    PAGE_TITLE: '动能健身工作室',
    PAGE_DESCRIPTION: '健身课程表 + 品牌介绍',
    CLUB_NAME: '动能健身',
    CLUB_SLOGAN: '小团课 · 私教 · 体态矫正 · 科学训练',
    SCHEDULE_HTML:
      '<div class="schedule-block"><h2>本周课表</h2><p>周一 19:00 · 力量训练（初级）</p><p>周三 19:30 · HIIT 燃脂（中级）</p><p>周五 20:00 · 核心与体态</p><p>周六 10:00 · 瑜伽拉伸</p><p>周日 11:00 · 户外跑步团（滨江线）</p></div>',
    MINDSPACE_COVER_JSON: '{"title":"动能健身","subtitle":"TKMind 模板预览"}',
  },
  'page-template-product-grid': {
    PAGE_TITLE: '秋季精选 · 限时上新',
    PAGE_DESCRIPTION: '产品网格电商风',
    ACCENT: '#ea580c',
    COLLECTION_TITLE: '秋季精选',
    COLLECTION_SUBTITLE: '限时上新 · 满 199 包邮 · 7 天无理由',
    PRODUCT_GRID_HTML:
      '<article class="item"><h3>轻量旅行背包</h3><p class="price">¥199</p><p class="desc">20L · 防水面料 · 3 色可选</p></article><article class="item"><h3>316 保温杯</h3><p class="price">¥89</p><p class="desc">24h 保温 · 500ml</p></article><article class="item"><h3>速干运动毛巾</h3><p class="price">¥39</p><p class="desc">抗菌 · 便携</p></article><article class="item"><h3>户外防晒帽</h3><p class="price">¥59</p><p class="desc">UPF50+ · 可折叠</p></article>',
    MINDSPACE_COVER_JSON: '{"title":"秋季精选","subtitle":"TKMind 模板预览"}',
  },
  'page-template-saas': {
    PAGE_TITLE: 'CloudFlow · 团队协作',
    PAGE_DESCRIPTION: 'SaaS 产品落地页',
    ACCENT: '#6366f1',
    ACCENT2: '#818cf8',
    PRODUCT_NAME: 'CloudFlow',
    HERO_HEADLINE: '让团队协作快 10 倍',
    HERO_SUBTITLE: '一体化项目管理 + 自动化工作流。5 分钟上手，14 天免费试用，无需信用卡。',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=80',
    CTA_URL: '#',
    CTA_LABEL: '免费试用',
    FEATURES_HTML:
      '<div class="feature"><h3>实时协作</h3><p>多人同时编辑文档与看板，变更毫秒级同步，冲突自动合并。</p></div><div class="feature"><h3>智能自动化</h3><p>可视化流程编排：审批、提醒、Webhook，减少 60% 重复劳动。</p></div><div class="feature"><h3>企业级安全</h3><p>SOC2 认证、SSO、细粒度权限与操作审计。</p></div>',
    PRICING_HTML:
      '<h2>透明定价</h2><p><strong>基础版</strong> ¥99/人/月 — 小团队起步</p><p><strong>专业版</strong> ¥299/人/月 — 自动化 + API</p><p><strong>企业版</strong> 联系销售 — 私有部署 & SLA</p>',
    MINDSPACE_COVER_JSON: '{"title":"CloudFlow","subtitle":"TKMind 模板预览"}',
  },
  'page-template-hotel': {
    PAGE_TITLE: '云栖山居 · 精品民宿',
    PAGE_DESCRIPTION: '酒店民宿 Hero + 设施 + 房型',
    ACCENT: '#b45309',
    ACCENT2: '#fbbf24',
    HOTEL_NAME: 'YUNQI RETREAT',
    HOTEL_TAGLINE: '在云雾与竹影之间，找回慢生活',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1600&q=80',
    AMENITIES_HTML:
      '<h2>设施亮点</h2><p>无边泳池 · 私汤温泉 · 有机早餐 · 免费接送 · 星空露台 · 茶室</p>',
    ROOMS_HTML:
      '<h2>精选房型</h2><p><strong>竹影大床房</strong> — 38㎡ · 山景 · ¥880/晚</p><p><strong>云栖套房</strong> — 68㎡ · 私汤 · ¥1280/晚</p><p><strong>整栋包场</strong> — 最多 8 人 · 咨询客服</p>',
    BOOKING_CTA_URL: '#',
    BOOKING_CTA_LABEL: '立即预订',
    MINDSPACE_COVER_JSON: '{"title":"云栖山居","subtitle":"TKMind 模板预览"}',
  },
  'page-template-agency': {
    PAGE_TITLE: 'Studio Nova',
    PAGE_DESCRIPTION: '创意机构极简落地页',
    ACCENT: '#e11d48',
    AGENCY_NAME: 'Studio Nova',
    AGENCY_TAGLINE: '品牌策略 · 视觉识别 · 数字体验 · 我们让好故事被看见',
    SERVICES_HTML:
      '<h2>服务</h2><p>品牌定位与命名 · VI 系统 · 网站与 App 设计 · _campaign 视觉 · 年度 retainer 顾问</p>',
    SHOWCASE_HTML:
      '<h2>精选案例</h2><p>某新消费 DTC 品牌全案 · 科技独角兽官网改版 · 国际音乐节主视觉 · 3 项设计奖</p>',
    CONTACT_HTML: '<h2>联系</h2><p>hello@studionova.com · 上海静安 · 北京朝阳 · 远程协作全球</p>',
    MINDSPACE_COVER_JSON: '{"title":"Studio Nova","subtitle":"TKMind 模板预览"}',
  },
  'page-template-photography': {
    PAGE_TITLE: '陈光 · 摄影',
    PAGE_DESCRIPTION: '摄影画廊瀑布流',
    ACCENT: '#fafafa',
    PHOTOGRAPHER_NAME: '陈光',
    PHOTOGRAPHER_BIO: '纪实与风光摄影 · 国家地理供稿 · 用镜头记录城市的温度与光影',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1452587925148-ce544e77ee70?auto=format&fit=crop&w=1600&q=80',
    GALLERY_HTML:
      '<figure><img src="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=800&q=80" alt=""><figcaption>雪山晨光 · 川西</figcaption></figure><figure><img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=800&q=80" alt=""><figcaption>星空营地 · 内蒙古</figcaption></figure><figure><img src="https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?auto=format&fit=crop&w=800&q=80" alt=""><figcaption>山谷晨雾 · 徽州</figcaption></figure>',
    MINDSPACE_COVER_JSON: '{"title":"陈光摄影","subtitle":"TKMind 模板预览"}',
  },
  'page-template-podcast': {
    PAGE_TITLE: '深夜对话 · 播客',
    PAGE_DESCRIPTION: '播客节目页 + 单集列表',
    ACCENT: '#a78bfa',
    ACCENT2: '#c4b5fd',
    SHOW_NAME: '深夜对话',
    SHOW_TAGLINE: '与有趣的人，聊真实的故事',
    COVER_IMAGE:
      'https://images.unsplash.com/photo-1478737270239-2f02ca77fc67?auto=format&fit=crop&w=800&q=80',
    EPISODES_HTML:
      '<h2>最新单集</h2><div class="episode"><strong>EP.42</strong> · 独立开发者的第一年：从副业到全职</div><div class="episode"><strong>EP.41</strong> · 从设计师到创业者：审美即竞争力</div><div class="episode"><strong>EP.40</strong> · AI 时代的内容创作者如何突围</div>',
    SUBSCRIBE_HTML: '<p>在小宇宙 / Apple Podcasts / Spotify 搜索「深夜对话」订阅</p>',
    MINDSPACE_COVER_JSON: '{"title":"深夜对话","subtitle":"TKMind 模板预览"}',
  },
  'page-template-charity': {
    PAGE_TITLE: '山区图书角计划',
    PAGE_DESCRIPTION: '公益募捐落地页',
    ACCENT: '#dc2626',
    CAUSE_TITLE: '为山区孩子建一间图书角',
    CAUSE_SUBTITLE: '每 50 元，为一名孩子提供一整年的阅读资源与导读课程',
    HERO_IMAGE:
      'https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1600&q=80',
    IMPACT_HTML:
      '<h2>项目进展</h2><p>已覆盖 12 所学校 · 受益儿童 860 名 · 募集图书 4200 册 · 志愿者 120 人</p>',
    STORY_HTML:
      '<p>在偏远山区，许多孩子从未拥有属于自己的绘本。我们希望通过图书角计划，让阅读成为他们通往世界的窗口。</p><p>所有捐赠公开透明，季度报告可在官网查阅。</p>',
    DONATE_CTA_URL: '#',
    DONATE_CTA_LABEL: '立即捐赠',
    MINDSPACE_COVER_JSON: '{"title":"图书角计划","subtitle":"TKMind 模板预览"}',
  },
  'page-template-startup': {
    PAGE_TITLE: 'NeuralOps · AI 运维',
    PAGE_DESCRIPTION: '创业融资 Pitch 单页',
    ACCENT: '#38bdf8',
    ACCENT2: '#0ea5e9',
    STARTUP_NAME: 'NeuralOps',
    PITCH_HEADLINE: 'AI 驱动的运维自动化平台',
    PITCH_SUBTITLE: '将 MTTR 降低 70%，已服务 200+ 企业客户，ARR ¥5000 万',
    CTA_URL: '#',
    CTA_LABEL: '预约 Demo',
    METRICS_HTML:
      '<div class="metric"><strong>200+</strong><br>企业客户</div><div class="metric"><strong>70%</strong><br>MTTR 降低</div><div class="metric"><strong>99.9%</strong><br>平台可用性</div>',
    VISION_HTML:
      '<h2>愿景</h2><p>让每一家企业的 IT 运维都具备 AI 自愈能力，工程师专注创新而非救火。</p>',
    TEAM_HTML:
      '<h2>团队</h2><p>创始团队来自 Google、阿里云，10 年+ 运维与 AI 经验。已完成 A 轮融资。</p>',
    MINDSPACE_COVER_JSON: '{"title":"NeuralOps","subtitle":"TKMind 模板预览"}',
  },
};