Shadcn UI Checkout Button

There are 2 types for the checkout buttons. While one of them is the standard checkout button, the other one is suited to be used for a dark or even highlighted option.

page.tsx

    <Button onClick={() => handleCheckout(price)} className="mt-auto flex h-[unset] w-full items-center justify-center rounded-lg px-4 py-5 text-base font-medium">
        Get started now
    </Button>

Shadcn UI Chat AI Shadcn UI CTA