کامپوننت بفرستید

import { Button } from "@/components/ui/button"
import { Sparkles } from "lucide-react"

// خروجی default همون چیزیه که در پیش‌نمایش نشون داده میشه.
export default function Demo() {
  return (
    <div className="flex flex-col items-center gap-3 rounded-xl border border-border bg-card p-6">
      <Sparkles className="size-6 text-brand" />
      <p className="text-sm text-muted-foreground">سلام از جامعه‌ی وایب‌فارسی</p>
      <Button>شروع کنید</Button>
    </div>
  )
}