warp-background

1import { WarpBackground } from "@/components/magicui/warp-background";
2import {
3  Card,
4  CardContent,
5  CardDescription,
6  CardTitle,
7} from "@/components/ui/card";
8 
9export function ExampleComponentDemo() {
10  return (
11    <WarpBackground>
12      <Card className="w-80">
13        <CardContent className="flex flex-col gap-2 p-4">
14          <CardTitle>Congratulations on Your Promotion!</CardTitle>
15          <CardDescription>
16            Your hard work and dedication have paid off. We&apos;re thrilled to
17            see you take this next step in your career. Keep up the fantastic
18            work!
19          </CardDescription>
20        </CardContent>
21      </Card>
22    </WarpBackground>
23  );
24}