import Image from "next/image";
import Link from "next/link";
import React from "react";
import { Col, Container, Row } from "react-bootstrap";

const DownloadBtn = ({ subtitle, title, description, cta }) => {
  console.log(cta, "details")
  return (
    <>
      <div className="free-quote-area ptb-70">
        <div className="free-quote-inner">
          <section className="section-title-download ">
            {/* <Container> */}
            <Row className="justify-content-between">
              <Col lg={9} md={8}>
                <div className="download-content">
                  <span className="sub-title">{subtitle}</span>
                  <h2>{title}</h2>
                  <p>
                    {description}
                  </p>
                </div>
              </Col>
              <Col lg={3} md={4} className="align-content-center text-md-end">
                <div className="btn-1">
                  <Link href={cta.URL} className="default-btn-three">
                    {cta.text}
                    <i className="ri-arrow-right-line"></i>
                  </Link>
                </div>
              </Col>
            </Row>
            {/* </Container> */}
          </section>

          <div className="shape6">
            <Image
              width={200}
              height={250}
              src="/images/shape/shape8.png"
              className="shape11"
              alt="image"
            />
          </div>
        </div>
      </div>
    </>
  );
};

export default DownloadBtn;