<script setup>
import PageHero from '../components/PageHero.vue'
</script>

<template>
  <div>
    <PageHero
      kicker="404"
      title="页面不存在"
      subtitle="你访问的页面可能已更名、删除或暂时不可用。"
    >
      <template #actions>
        <RouterLink class="btn btn-primary" to="/">返回首页</RouterLink>
        <RouterLink class="btn btn-ghost" to="/contact">联系咨询</RouterLink>
      </template>
    </PageHero>

    <section class="section">
      <div class="container">
        <div class="card card-pad">
          <div style="font-weight: 900; margin-bottom: 6px">建议</div>
          <div class="muted">你可以从首页进入产品、解决方案与案例，也可以直接联系我们获取帮助。</div>
        </div>
      </div>
    </section>
  </div>
</template>

