<script setup lang="ts">
useSeoMeta({
  title: '소개 — Nuxt 4 Starter Kit',
  description: 'Nuxt 4 Starter Kit 소개 페이지',
})
</script>

<template>
  <div class="container mx-auto px-4 py-16 max-w-2xl">
    <h1 class="text-3xl font-bold mb-4">소개</h1>
    <p class="text-muted-foreground mb-8">이 페이지를 자유롭게 수정하세요.</p>

    <Card class="p-6">
      <CardHeader class="p-0 mb-4">
        <CardTitle>Nuxt 4 Starter Kit</CardTitle>
      </CardHeader>
      <CardContent class="p-0 space-y-2 text-sm text-muted-foreground">
        <p>최신 기술 스택으로 빠르게 웹 개발을 시작할 수 있는 스타터 킷입니다.</p>
        <p>Nuxt 4, TypeScript, TailwindCSS v4, shadcn-vue를 기반으로 구성되어 있습니다.</p>
      </CardContent>
    </Card>
  </div>
</template>
