import Container from "@/components/NAWebsite/Container";
import RippleActionLink from "@/components/RippleActionLink";
import Image from "next/image";
import ImageCTALocalDeploy from "./cta-local-deploy.svg";

export default function CTASection() {
  return (
    <div className="bg-violet py-10 md:py-20">
      <Container className="flex flex-col md:flex-row gap-16 items-center lg:px-16">
        <Image src={ImageCTALocalDeploy} width="278" alt="TiDB Vector Search" />
        <div className="flex-1 text-center md:text-left">
          <h2 className="leading-[56px] mb-10 text-[40px] md:text-[50px] text-white font-bold">
            Build Intelligent Applications with TiDB Vector Search.
          </h2>
          <RippleActionLink
            href="https://tidbcloud.com/free-trial/"
            className="bg-white text-black hover:text-white"
            rippleClassName="bg-red-medium"
            target="_blank"
            rel="noopener noreferrer"
          >
            Start for Free
          </RippleActionLink>
        </div>
      </Container>
    </div>
  );
}