<script setup lang="ts">
const { t } = useI18n();

useHead({
  title: () => `${t('app.name')} - ${t('nav.home')}`
});
</script>

<template>
  <div>
    <!-- Hero 区块 -->
    <section class="section-container py-96px flex-col-center text-center">
      <h1 class="text-4xl md:text-5xl font-bold text-gray-900 dark:text-white">
        {{ t('app.name') }}
      </h1>
      <p class="mt-16px text-lg text-gray-500 dark:text-gray-400">
        {{ t('app.slogan') }}
      </p>
    </section>

    <!-- 页面内容由后台 CMS 配置的区块（Section）组合渲染 -->
  </div>
</template>
