Feature Card 2

<div class="bg-white p-8 border rounded-md">
  <h3 class="font-bold">title</h3>
  <p>
    Feature card is a card component that is used to highlight a feature or a service. It is used to
    showcase a feature or a service in a visually appealing way.
  </p>
</div>

---
import { Card } from '@/components/ui/card';

---

---
import Card from "../../components/elements/Card.astro";

const { title, description, icon } = Astro.props;
---

<Card>
<h3 class="font-bold">{title}</h3>
<p>{description}</p>
</Card>

<div class="bg-white p-8 border rounded-md">
  <h3 class="font-bold">title</h3>
  <p>
    Feature card is a card component that is used to highlight a feature or a service. It is used to
    showcase a feature or a service in a visually appealing way.
  </p>
</div>

---
import { Card } from '@/components/ui/card';

---

---
import Card from "../../components/elements/Card.astro";

const { title, description, icon } = Astro.props;
---

<Card>
<h3 class="font-bold">{title}</h3>
<p>{description}</p>
</Card>