Cursor Bubble Demo

1"use client";
2 
3import {
4  CursorBubble,
5  CursorBubbleTarget,
6} from "@/components/sora-ui/effects/cursor-bubble";
7 
8export function CursorBubbleExample() {
9  return (
10    <CursorBubble className="flex h-[min(320px,50dvh)] w-full flex-col items-center justify-center gap-6 text-center sm:h-72">
11      <CursorBubbleTarget label="explore">
12        <a
13          className="font-medium text-2xl underline underline-offset-4 sm:text-3xl"
14          href="#"
15        >
16          Our work
17        </a>
18      </CursorBubbleTarget>
19      <CursorBubbleTarget label="say hi">
20        <a className="text-muted-foreground text-sm" href="#">
21          Get in touch
22        </a>
23      </CursorBubbleTarget>
24    </CursorBubble>
25  );
26}
27 
28export default CursorBubbleExample;