snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/components/open-in-v0-cta.tsx

@@ -0,0 +1,36 @@
+import { cn } from "cn"
+
+import { Button } from "@/styles/base-nova/ui/button"
+
+export function OpenInV0Cta({ className }: React.ComponentProps<"div">) {
+  return (
+    <div
+      className={cn(
+        "group relative flex flex-col gap-2 rounded-2xl bg-surface p-6 text-sm text-surface-foreground",
+        className
+      )}
+    >
+      <div className="text-base leading-tight font-semibold text-balance group-hover:underline">
+        Deploy your shadcn/ui app on Vercel
+      </div>
+      <div className="text-muted-foreground">
+        Trusted by OpenAI, Sonos, Adobe, and more.
+      </div>
+      <div className="text-muted-foreground">
+        Vercel provides tools and infrastructure to deploy apps and features at
+        scale.
+      </div>
+      <Button variant="outline" size="sm" className="mt-2 w-fit">
+        Deploy Now
+      </Button>
+      <a
+        href="https://vercel.com/new?utm_source=shadcn_site&utm_medium=web&utm_campaign=docs_cta_deploy_now_callout"
+        target="_blank"
+        rel="noreferrer"
+        className="absolute inset-0"
+      >
+        <span className="sr-only">Deploy to Vercel</span>
+      </a>
+    </div>
+  )
+}