import ContentWrapper from "../ContentWrapper/ContentWrapper";
import Footer from "../Footer/Footer";
import Header from "../Header/Header";
import { data } from "../../components/data/termConditions";
import style from "./index.module.css";
import { Provider } from "react-redux";
import { store } from "../redux/store";

export default function Index() {
  window.scrollTo({ top: 0, behavior: "instant" });
  return (
    <Provider store={store}>
      <section className={style.out_box}>
        <div className={style.image_box}>
          <ContentWrapper>
            <Header color={"#015C9F"} />
            <div className={style.box}>
              <img src="/assets/tc.webp" />
              <h2>Terms & Conditions</h2>
              <p>
                All the products and services are provided by aKadmy. These
                Terms of Use ("Terms") govern your use of aKadmy’s website,
                apps, and other products and services ("Services"). Some of our
                Services are software that can be downloaded on a computer,
                tablet, phone or any other device, you agree that we may update
                our software automatically at any point of time, that these
                Terms will apply to such updates. By using our Services, you
                agree to be bound by these Terms, including the policies
                referenced in them. If you do not agree to these Terms, please
                refrain from using the Website or our suite of products.
              </p>
            </div>
          </ContentWrapper>
        </div>
      </section>
      <ContentWrapper>
        {data.map((item) => (
          <div className={style.color}>
            <h4>{item.title}</h4>
            {item.content.map((item) => (
              <p style={{ paddingTop: "10px" }}>{item}</p>
            ))}
            <ul>{item.points && item.points.map((item) => <li>{item}</li>)}</ul>
          </div>
        ))}
      </ContentWrapper>
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <br />
      <Footer page="AKADEMY_B2C" contact={true} />
    </Provider>
  );
}
