<script setup lang="ts">
import { useSeo } from '~/composables/useSeo'
useSeo({ title: '资源中心', description: '下载解决方案 PDF、白皮书、产品介绍资料，获取最新政策解读和行业洞察。' })
</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-3 gap-6">
        <ResourceCard v-for="r in resources" :key="r.title" v-bind="r" />
      </div>
    </div>
  </section>

  <section class="py-20 bg-white">
    <div class="section-container text-center">
      <h2 class="section-title">获取完整方案资料</h2>
      <DownloadForm class="mt-8" />
    </div>
  </section>
</template>

<script lang="ts">
const resources = [
  { title: '平台解决方案', desc: '完整的平台能力介绍、服务闭环说明和技术架构概览', type: 'PDF' },
  { title: '产品介绍白皮书', desc: '行业背景、平台定位、核心功能和建设价值详细说明', type: 'PDF' },
  { title: '部署与对接指南', desc: '技术部署方案、API 对接说明和运维要求', type: 'PDF' },
]
</script>
