1<template>
 2  <div class="card rounded-xl p-6 ring-1 ring-gray-200">
 3    <h2 class="text-lg font-semibold text-gray-900">{{ title }}</h2>
 4    <p class="text-gray-600 mt-2">{{ description }}</p>
 5    <button class="mt-4 px-4 py-2 bg-teal-600 text-white rounded-md">
 6      Get Started
 7    </button>
 8  </div>
 9</template>
10
11<script setup>
12defineProps({
13  title: String,
14  description: String,
15});
16</script>
17
18<style scoped>
19.card {
20  font-family: 'Geist', system-ui, sans-serif;
21  background: #fff;
22}
23</style>