nanocode/new-media-platform/website-new/static/zsjm/index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>吾大夫健康管理体验中心 - 招商加盟</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
  theme: {
    extend: {
      colors: {
        primary: '#0D9488',
        'primary-dark': '#0F766E',
        'primary-light': '#CCFBF1',
        'primary-bg': '#F0FDFA',
      },
      animation: {
        'float': 'float 3s ease-in-out infinite',
      },
      keyframes: {
        float: {
          '0%, 100%': { transform: 'translateY(0)' },
          '50%': { transform: 'translateY(-6px)' },
        },
      },
    }
  }
}
</script>
<style>
  .hover-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  .hover-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(13,148,136,0.12);
  }
</style>
</head>
<body class="bg-white text-gray-800">

<!-- Hero -->
<header class="bg-gradient-to-br from-primary to-primary-dark text-white">
  <div class="max-w-5xl mx-auto px-4 py-20 text-center">
    <h1 class="text-4xl md:text-5xl font-bold mb-4">吾大夫健康管理体验中心</h1>
    <p class="text-xl md:text-2xl text-teal-100 mb-2">招商加盟 · 共创健康事业</p>
    <p class="text-teal-200 text-lg">零门槛 · 轻投入 · 全程扶持 · 多元收益</p>
  </div>
</header>

<!-- 加盟费用 -->
<section class="py-16 px-4 bg-primary-bg">
  <div class="max-w-3xl mx-auto text-center">
    <h2 class="text-3xl font-bold mb-4 text-gray-800">加盟费用</h2>
    <div class="bg-white rounded-2xl shadow-lg p-8 border border-primary-light">
      <p class="text-gray-500 mb-2">常规加盟费用</p>
      <p class="text-2xl text-gray-400 line-through mb-4">23,800 元</p>
      <div class="inline-block bg-primary text-white rounded-2xl px-8 py-6">
        <p class="text-sm text-teal-100 mb-1">拓展期专属优惠价</p>
        <p class="text-5xl font-bold">19,800<span class="text-2xl font-normal"> 元</span></p>
      </div>
      <p class="mt-6 text-gray-500">此费用即为一台<strong class="text-primary">通焦仪</strong>的购置价格</p>
    </div>
  </div>
</section>

<!-- 加盟模式 -->
<section class="py-16 px-4">
  <div class="max-w-5xl mx-auto">
    <h2 class="text-3xl font-bold text-center mb-4">加盟模式 & 适用场景</h2>
    <p class="text-gray-500 text-center mb-10">两种灵活模式，零门槛适配各类场景</p>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
      <div class="bg-white rounded-2xl shadow-md hover-card p-8 border border-gray-100 text-center">
        <div class="text-5xl mb-4">🏪</div>
        <h3 class="font-bold text-xl mb-2">专业品牌独立门店</h3>
        <p class="text-gray-500">打造专属健康管理空间，树立品牌形象</p>
      </div>
      <div class="bg-white rounded-2xl shadow-md hover-card p-8 border border-gray-100 text-center">
        <div class="text-5xl mb-4">🏥</div>
        <h3 class="font-bold text-xl mb-2">店中店模式</h3>
        <p class="text-gray-500">依托现有场地快速嵌入，轻量启动</p>
      </div>
    </div>
    <div class="bg-primary-bg rounded-2xl p-6 border border-primary-light">
      <p class="text-center text-gray-700 font-medium mb-3">适用场景</p>
      <div class="flex flex-wrap justify-center gap-3">
        <span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">诊所</span>
        <span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">中医馆</span>
        <span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">养生馆</span>
        <span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">社康中心</span>
        <span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">社区活动中心</span>
        <span class="bg-white text-gray-700 px-4 py-2 rounded-full text-sm shadow-sm">小区居家个体户</span>
      </div>
    </div>
  </div>
</section>

<!-- 核心服务 -->
<section class="py-16 px-4 bg-gray-50">
  <div class="max-w-5xl mx-auto">
    <h2 class="text-3xl font-bold text-center mb-4">核心服务</h2>
    <p class="text-gray-500 text-center mb-10">通焦理疗 + 慢病一站式解决方案</p>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
        <div class="text-4xl mb-3">🔥</div>
        <h3 class="font-bold text-lg mb-2">热疗理疗</h3>
        <p class="text-gray-500 text-sm leading-relaxed">通焦仪深度热疗，缓解疲劳，调理亚健康</p>
      </div>
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
        <div class="text-4xl mb-3">🥗</div>
        <h3 class="font-bold text-lg mb-2">科学食疗</h3>
        <p class="text-gray-500 text-sm leading-relaxed">药食同源产品，精准调理慢病</p>
      </div>
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 text-center border border-gray-100">
        <div class="text-4xl mb-3">👩‍⚕️</div>
        <h3 class="font-bold text-lg mb-2">营养师全程管理</h3>
        <p class="text-gray-500 text-sm leading-relaxed">专属营养师跟踪服务，闭环健康管理</p>
      </div>
    </div>
    <div class="mt-8 bg-primary-bg rounded-2xl p-6 border border-primary-light text-center">
      <p class="text-gray-700 font-medium">🎯 重点覆盖：<span class="text-primary font-bold">痛风高尿酸调理</span>，精准对接大众健康需求</p>
    </div>
  </div>
</section>

<!-- 加盟条件 -->
<section class="py-16 px-4">
  <div class="max-w-3xl mx-auto text-center">
    <h2 class="text-3xl font-bold mb-4">加盟条件</h2>
    <p class="text-gray-500 mb-8">条件简单，投入可控</p>
    <div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100">
      <div class="flex flex-col md:flex-row items-center justify-center gap-8">
        <div class="text-center">
          <div class="w-20 h-20 bg-primary-light rounded-full flex items-center justify-center mx-auto mb-3">
            <span class="text-3xl">📐</span>
          </div>
          <p class="font-bold text-lg">4 平米以上</p>
          <p class="text-gray-500 text-sm">独立空间即可</p>
        </div>
        <div class="hidden md:block text-primary-light text-4xl">+</div>
        <div class="text-center">
          <div class="w-20 h-20 bg-primary-light rounded-full flex items-center justify-center mx-auto mb-3">
            <span class="text-3xl">🪟</span>
          </div>
          <p class="font-bold text-lg">一面白墙 / 玻璃墙</p>
          <p class="text-gray-500 text-sm">满足投影展示需求</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- 八大加盟扶持政策 -->
<section class="py-16 px-4 bg-gray-50">
  <div class="max-w-5xl mx-auto">
    <h2 class="text-3xl font-bold text-center mb-4">全方位加盟扶持政策</h2>
    <p class="text-gray-500 text-center mb-10">八大扶持，让您开店无忧，收益多元</p>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
      <!-- 1. 设备产品全配套 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">01</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">设备产品全配套</h3>
            <ul class="text-sm text-gray-500 space-y-1.5 leading-relaxed">
              <li>· 免费提供三高理疗训练仪、血压计各一台</li>
              <li>· 免费提供尿酸血糖总胆固醇检测仪试纸、尿常规14项检测试纸、前列腺炎检测试剂</li>
              <li>· 免费提供小程序商城全系列药食同源产品样品及统一标识上墙支架</li>
              <li>· 产品无需囤货经手，客户通过<strong>微信小程序「吾大夫」</strong>下单</li>
              <li>· 店主绑定身份后享<strong class="text-primary">25% 销售分佣</strong></li>
              <li>· 通焦仪热疗服务费店主自主定价，<strong class="text-primary">收益全部归店主</strong></li>
            </ul>
            <div class="mt-3 bg-gray-50 rounded-lg p-3 text-xs text-gray-500">
              参考收费：15分钟 160元 / 半小时 280元 / 1小时 480元
            </div>
          </div>
        </div>
      </div>

      <!-- 2. 品牌授权赋能 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">02</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">品牌授权赋能</h3>
            <p class="text-sm text-gray-500 leading-relaxed">免费授予专属品牌授权牌，依托专业品牌影响力，快速获取客户信任，提升门店权威性。</p>
          </div>
        </div>
      </div>

      <!-- 3. 统一宣传物料 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">03</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">统一宣传物料</h3>
            <p class="text-sm text-gray-500 leading-relaxed">提供标准化宣传海报相框，无需自主设计，直接落地宣传，降低门店运营筹备成本。</p>
          </div>
        </div>
      </div>

      <!-- 4. 专业团队全程护航 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">04</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">专业团队全程护航</h3>
            <ul class="text-sm text-gray-500 space-y-1.5 leading-relaxed">
              <li>· 专属线上营养师：全权解答专业健康问题、全程跟踪客户健康管理，对应分佣 5%</li>
              <li>· 专属线上运营专家：定制运营内容，手把手指导新媒体视频账号运营，精准抓取本地生活流量，解决获客难题，对应分佣 5%</li>
            </ul>
          </div>
        </div>
      </div>

      <!-- 5. 精准流量免费导流 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">05</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">精准流量免费导流</h3>
            <p class="text-sm text-gray-500 leading-relaxed">吾大夫尿大夫尿检平台用户、官方新媒体招商及运营引流的潜在加盟店主和慢病用户，全部按<strong>就近原则</strong>推荐至门店体验。所有到店客户<strong class="text-primary">永久绑定店主名下</strong>，锁定长期收益。</p>
          </div>
        </div>
      </div>

      <!-- 6. 专业技能陪跑培训 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">06</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">专业技能陪跑培训</h3>
            <p class="text-sm text-gray-500 leading-relaxed">全程陪跑教学，<strong>免费培养店主成长为合格营养师</strong>，提升专业服务能力，夯实门店服务核心竞争力。</p>
          </div>
        </div>
      </div>

      <!-- 7. 多元增收渠道 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">07</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">多元增收渠道</h3>
            <p class="text-sm text-gray-500 leading-relaxed">店主通过营养师考试并获得吾大夫官方认可后，可<strong>受聘成为其他加盟店的线上营养师</strong>，额外赚取 5% 分佣，增收渠道多元化（需接受吾大夫定期考核）。</p>
          </div>
        </div>
      </div>

      <!-- 8. 推荐加盟丰厚奖励 -->
      <div class="bg-white rounded-2xl shadow-md hover-card p-6 border border-gray-100">
        <div class="flex items-start gap-4">
          <div class="w-12 h-12 bg-primary-light rounded-xl flex items-center justify-center flex-shrink-0">
            <span class="text-xl font-bold text-primary">08</span>
          </div>
          <div>
            <h3 class="font-bold text-lg mb-2">推荐加盟丰厚奖励</h3>
            <p class="text-sm text-gray-500 leading-relaxed">店主成功推荐他人加盟开店，即可获得<strong class="text-primary text-lg">一次性 5,000 元</strong>现金奖励，<strong>上不封顶</strong>，轻松实现额外创收。</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- 收益概览 -->
<section class="py-16 px-4">
  <div class="max-w-3xl mx-auto">
    <h2 class="text-3xl font-bold text-center mb-4">店主收益概览</h2>
    <p class="text-gray-500 text-center mb-10">多元收入，长期稳定</p>
    <div class="space-y-4">
      <div class="flex items-center gap-4 bg-white rounded-xl shadow-md p-5 border border-gray-100">
        <div class="w-10 h-10 bg-primary-light rounded-lg flex items-center justify-center flex-shrink-0 text-lg">💰</div>
        <div class="flex-1">
          <h4 class="font-bold">通焦仪热疗服务</h4>
          <p class="text-sm text-gray-500">自主定价，收益 100% 归店主</p>
        </div>
      </div>
      <div class="flex items-center gap-4 bg-white rounded-xl shadow-md p-5 border border-gray-100">
        <div class="w-10 h-10 bg-primary-light rounded-lg flex items-center justify-center flex-shrink-0 text-lg">🛒</div>
        <div class="flex-1">
          <h4 class="font-bold">产品分佣</h4>
          <p class="text-sm text-gray-500">客户小程序下单，店主享 25% 销售分佣</p>
        </div>
      </div>
      <div class="flex items-center gap-4 bg-white rounded-xl shadow-md p-5 border border-gray-100">
        <div class="w-10 h-10 bg-primary-light rounded-lg flex items-center justify-center flex-shrink-0 text-lg">👩‍🏫</div>
        <div class="flex-1">
          <h4 class="font-bold">营养师跨店分佣</h4>
          <p class="text-sm text-gray-500">通过考核后可受聘为其他门店线上营养师，额外赚取 5%</p>
        </div>
      </div>
      <div class="flex items-center gap-4 bg-white rounded-xl shadow-md p-5 border border-gray-100">
        <div class="w-10 h-10 bg-primary-light rounded-lg flex items-center justify-center flex-shrink-0 text-lg">🎁</div>
        <div class="flex-1">
          <h4 class="font-bold">推荐加盟奖励</h4>
          <p class="text-sm text-gray-500">每成功推荐一人加盟，奖励 5,000 元，上不封顶</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="py-16 px-4 bg-gradient-to-r from-primary to-primary-dark text-white text-center">
  <h2 class="text-3xl font-bold mb-4">立即加盟吾大夫健康管理体验中心</h2>
  <p class="text-teal-100 text-lg mb-8">投入 19,800 元，开启健康事业新篇章</p>
  <div class="flex flex-col md:flex-row justify-center gap-6">
    <div class="bg-white/10 backdrop-blur rounded-2xl p-6 border border-white/20">
      <div class="text-3xl mb-2">📱</div>
      <p class="font-bold">微信小程序</p>
      <p class="text-teal-200 text-sm">搜索「吾大夫」在线咨询</p>
    </div>
  </div>
</section>

<footer class="bg-gray-800 text-gray-400 py-8 text-center text-sm">
  <p>© 2026 吾大夫健康管理体验中心 版权所有</p>
</footer>

</body>
</html>