import Header from "../Header/Header";
import ContentWrapper from "../ContentWrapper/ContentWrapper";
import style from "./IntraktoCoding.module.css";

export default function IntraktoCoding() {
  return (
    <section className={style.out_box}>
      <div className={style.shape_box}>
        <div className={style.image_box}>
          <div className={style.header}>
            <ContentWrapper>
              <Header color={"#015C9F"} />
            </ContentWrapper>
          </div>
          <div className={style.box}>
            <p className={style.section1__content__line1}>
              Introducing interaKto - Coding
            </p>
            <h2>
              Empower Your Child's Future with Coding —Start with interaKto
              Coding Today!
            </h2>
            <a href={"/pricing/akadmy-product-pricing"}>
              <button
                style={{
                  background: "#4909D6",
                  color: "white",
                  borderRadius: "10px",
                  marginTop: "20px",
                }}
              >
                Enroll Now &nbsp; <i class="fa fa-arrow-right" />
              </button>
            </a>
          </div>
          <div className={style.banner_img_align}>
            <img
              src="/assets/intraktoCodingBanner.webp"
              className={style.banner_img}
              alt="Explore Interakto Coding - Fun Worksheets for Kids on aKadmy"
            />
          </div>
        </div>
      </div>
    </section>
  );
}
