Call To Action Card

import { CallToActionCard } from "@/components/ui/call-to-action-card";

export default function CallToActionCardDemo() {
  return (
    <div className="flex min-h-[550px] w-full items-center justify-center bg-background p-4">
      <CallToActionCard
        videoSrc="https://www.pexels.com/download/video/7649283/"
        title="Look first / Then leap."
        description={
          <>
            Make every move count. Create a free account for{" "}
            <a
              href="#"
              className="font-semibold text-primary underline-offset-4 transition-colors hover:underline"
            >
              powerful tools
            </a>
            , deeper insights, and everything needed to launch your trading journey.
          </>
        }
        buttonText="Join for free"
        onButtonClick={() => alert("Redirecting to signup...")}
      />
    </div>
  );
}