comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
32 lines
1.2 KiB
Vue
32 lines
1.2 KiB
Vue
<script setup lang="ts">
|
||
import { useSeo } from '~/composables/useSeo'
|
||
import { capabilities } 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-4 gap-6">
|
||
<CapabilityCard v-for="c in capabilities" :key="c.title" v-bind="c" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-20 bg-white">
|
||
<div class="section-container">
|
||
<h2 class="section-title">三端协同</h2>
|
||
<TriEndDisplay class="mt-12" />
|
||
</div>
|
||
</section>
|
||
|
||
<CtaSection />
|
||
</template>
|