comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
31 lines
1.3 KiB
Vue
31 lines
1.3 KiB
Vue
<script setup lang="ts">
|
||
import { useSeo } from '~/composables/useSeo'
|
||
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 lg:grid-cols-2 gap-16 items-start">
|
||
<div>
|
||
<h2 class="text-2xl font-bold mb-6">预约演示</h2>
|
||
<p class="text-text-secondary mb-8">填写表单，我们的产品顾问将在 1 个工作日内与您联系，为您安排专属演示。</p>
|
||
<DemoForm />
|
||
</div>
|
||
<div>
|
||
<h2 class="text-2xl font-bold mb-6">合作咨询</h2>
|
||
<p class="text-text-secondary mb-8">如果您有政府项目合作、医院对接、机构采购或其他合作需求，请填写下方表单。</p>
|
||
<ContactForm />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|