import React from "react";
import Link from "next/link";
import Image from "next/image";
import AnimatedText from "@/components/common/AnimatedText";
export default function Cta() {
  return (
    <section className="cta-banner-section section-padding pt-0">
      <div className="container">
        <div
          className="cta-banner-wrapper fix bg-cover"
          style={{ backgroundImage: 'url("/assets/img/home/launch/ready-to-launch-bg.webp")' }}
        >
          <h2 className="splt-txt wow">
            <AnimatedText text="Ready to Launch Your " /> <br />
            <b>
              <AnimatedText text="Coconut Machinery" />
            </b>{" "}
            <br />
            <AnimatedText text="Project?" />
          </h2>
          <div className="cta-img wow fadeInUp" data-wow-delay=".4s">
            <Image
              src="/assets/img/home/launch/build-on-innovation-right.webp"
              width={223}
              height={256}
              alt="img"
            />
            {/* <div className="shape-img">
              <Image
                src="/assets/img/cta-shape.png"
                width={225}
                height={242}
                alt="img"
              />
            </div> */}
          </div>
          <Link
            href={`/contact`}
            className="theme-btn bg-white wow fadeInUp"
            data-wow-delay=".6s"
          >
            contact us
            <i className="fa-regular fa-arrow-right" />
          </Link>
        </div>
      </div>
    </section>
  );
}