<script setup lang="ts">
import { useSeo } from '~/composables/useSeo'
import { scenarios } from '~/data/siteContent'
useSeo({ title: '应用场景', description: '覆盖政府监管、医院延续护理、养老机构、社区服务中心、长护险管理五大应用场景。' })
</script>

<template>
  <section class="py-20 bg-gradient-to-br from-primary-700 to-primary-900 text-white">
    <div class="section-container text-center">
      <h1 class="text-4xl md:text-5xl font-bold mb-4">应用场景</h1>
      <p class="text-xl text-blue-100 max-w-2xl mx-auto">适配不同机构类型的业务需求</p>
    </div>
  </section>

  <section class="py-20 bg-surface">
    <div class="section-container">
      <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
        <ScenarioCard v-for="s in scenarios" :key="s.title" v-bind="s" />
      </div>
    </div>
  </section>

  <CtaSection />
</template>
