<template>
  <section id="home" class="hero-section section-anchor">
    <div class="hero-bg-orb hero-bg-orb--left"></div>
    <div class="hero-bg-orb hero-bg-orb--right"></div>
    <div class="container hero-grid">
      <div class="hero-copy">
        <h1>
          <span class="hero-title-line hero-title-nowrap">患者全周期管理服务</span>
          <span class="hero-title-line">数智化升级服务商</span>
        </h1>
        <div class="hero-badge">专注于医疗服务提质提效增收</div>
        <article id="company" class="intro-card glass-card">
          <p>
            杭州柚康科技有限公司，致力成为医疗机构的长期数据服务商及智能化升级服务商。
            公司聚焦应用医疗大数据技术、医疗大模型及智能体技术、互联网技术，打造院前 + 院中 + 院后全周期、精细化的患者管理服务模式，
            不断提高患者服务体验、提高服务效率、提升服务专业性，增强医患信任，增加医院收入。
          </p>
        </article>
      </div>

      <div class="hero-visual" aria-label="医疗服务场景图片占位">
        <img src="/assets/medical.png" alt="医生与患者沟通场景占位图" />
      </div>
      <a class="mobile-scroll-cue" href="#platform" aria-label="继续向下浏览">
        <svg width="28" height="18" viewBox="0 0 28 18" fill="none" aria-hidden="true">
          <defs>
            <linearGradient id="scrollCueGradient" x1="4" y1="4" x2="24" y2="14" gradientUnits="userSpaceOnUse">
              <stop stop-color="#FF8A00" />
              <stop offset="1" stop-color="#FFB84D" />
            </linearGradient>
          </defs>
          <path d="M5 5L14 14L23 5" stroke="url(#scrollCueGradient)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
        </svg>
      </a>
    </div>
  </section>
</template>
