import { CometCard } from "@/components/ui/comet-card"export default function CometCardDemo() {  return (    <CometCard className="w-full max-w-sm">      <div className="relative overflow-hidden rounded-2xl border border-slate-800 bg-slate-950 p-6 text-white">        <div className="absolute inset-0 bg-[radial-gradient(circle_at_top_right,_rgba(56,189,248,0.3),_transparent_45%)]" />        <div className="relative">          <div className="mb-10 flex items-center justify-between">            <span className="rounded-full border border-white/15 bg-white/10 px-3 py-1 text-xs text-slate-300">              Design notes            </span>            <span className="text-xs text-slate-400">May 24</span>          </div>          <p className="text-xl font-semibold tracking-tight">A calmer way to create</p>          <p className="mt-2 max-w-xs text-sm leading-6 text-slate-300">            A collection of thoughtful details for more focused work.          </p>          <div className="mt-8 flex items-center gap-2 text-sm text-cyan-300">            <span>Read the latest note</span>            <span aria-hidden="true">→</span>          </div>        </div>      </div>    </CometCard>  )}