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

const CTABanner = ({cta}) => {
    console.log(cta,"details")
  return (
    <>
      <div className="free-quote-area ptb-50">
        <div className="free-quote-inner">
          <section className="section-title-download d-flex">
            <Container>
              <Row>
                <Col md={8}>
                  <div className="download-content">
                    <span className="sub-title">{cta?.Subtitle}</span>
                    <h2>{cta?.Title}</h2>
                    <p>
                     {cta?.Description}
                    </p>
                  </div>
                </Col>
                <Col md={4} className="align-content-center text-center">
                  <div className="btn-1">
                    <Link href={cta?.CTA?.URL} className="default-btn-three">
                       {cta?.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 CTABanner;