import { DownloadButton } from "./DownloadButton";
import { IconDownload } from "./icons";

/** Lime download call-to-action repeated at the foot of most pages. */
export function DownloadCta() {
  return (
    <section className="section-inset pt-0" id="download">
      <div className="container">
        <div className="cta">
          <div className="cta-copy">
            <h2>
              Get protected in <em>one click.</em>
            </h2>
            <p>Start your protection journey now in just a few simple steps. Free in beta. No card required</p>
          </div>
          <div className="cta-action">
            <DownloadButton className="btn-av btn-ink btn-xl">
              <IconDownload /> Join early access
            </DownloadButton>
            {/* <span className="cta-meta">Windows 10 &amp; 11 · 64-bit · ~40 MB</span> */}
          </div>
        </div>
      </div>
    </section>
  );
}