card-demo

1import { Button } from "@/components/ui/button";
2import {
3  Card,
4  CardContent,
5  CardDescription,
6  CardFooter,
7  CardHeader,
8  CardTitle,
9} from "@/components/ui/card";
10 
11export default function CardDemo() {
12  return (
13    <Card className="w-full max-w-sm">
14      <CardHeader>
15        <CardTitle>Upgrade to Pro</CardTitle>
16        <CardDescription>
17          Unlock every component and the full glass engine.
18        </CardDescription>
19      </CardHeader>
20      <CardContent>
21        <p className="text-muted-foreground text-sm">
22          Billed annually. Cancel anytime from your account settings.
23        </p>
24      </CardContent>
25      <CardFooter className="gap-2">
26        <Button className="flex-1">Upgrade</Button>
27        <Button className="flex-1">Not now</Button>
28      </CardFooter>
29    </Card>
30  );
31}