<template>
  <section class="motion-section journey-section">
    <div class="container mx-auto px-4">
      <div class="section-intro">
        <span class="eyebrow">经营旅程</span>
        <h2>首页只讲一件事：诊所经营如何从碎片走向连续。</h2>
        <p>每一段不是一个功能点，而是诊所日常经营里真实发生的动作。</p>
      </div>
      <div class="journey-track">
        <article v-for="step in steps" :key="step.title" class="journey-card" data-aos="fade-up">
          <span>{{ step.index }}</span>
          <h3>{{ step.title }}</h3>
          <p>{{ step.description }}</p>
        </article>
      </div>
    </div>
  </section>
</template>

<script setup>
const steps = [
  { index: '01', title: '被看见', description: '推广码、官网咨询、活动入口先被统一记录，避免线索落在聊天记录里。' },
  { index: '02', title: '被承接', description: '预约和到店意向进入同一个待办池，前台、推广员和医生都知道下一步。' },
  { index: '03', title: '被服务', description: '接诊记录和服务过程沉淀下来，患者不再只是一次到店记录。' },
  { index: '04', title: '被想起', description: '复诊提醒、随访任务和健康建议持续推动关系，而不是结束在离店那一刻。' },
  { index: '05', title: '被看懂', description: '老板看到线索、服务和收入之间的因果，经营动作不再靠猜。' }
]
</script>
