<script setup lang="ts">
definePageMeta({
  layout: 'home',
})
</script>

<template>
  <div class="home-empty">
    <BoContainer>
      <div class="empty-content">
        <h1 class="welcome-title">Dash</h1>
        <p class="welcome-subtitle">欢迎来到 Dash</p>
      </div>
    </BoContainer>
  </div>
</template>

<style scoped>
.home-empty {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.empty-content {
  text-align: center;
}

.welcome-title {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}

.welcome-subtitle {
  font-size: 1.125rem;
  color: var(--text-secondary, #666);
  margin-top: 0.5rem;
}
</style>
