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

export default function Index() {
  window.scrollTo({ top: 0, behavior: "instant" });
  return (
    <Provider store={store}>
      <section className={style.color}>
        <div className={style.image_box}>
          <ContentWrapper>
            <Header color={"#015C9F"} />
            <div className={style.box}>
              <h2>About Us</h2>
              <p>
                At aKadmy, we are dedicated to revolutionizing early childhood
                education by providing schools and educators with cutting-edge
                tools designed to enhance teaching and learning experiences. As
                a Malaysian-developed platform, we take pride in offering
                solutions that cater to the unique needs of educators,
                particularly in international schools and early childhood
                institutions.
              </p>
              <p>
                Our platform is crafted to support early childhood practitioners
                by offering a comprehensive suite of resources that streamline
                lesson planning, enrich classroom activities, and foster
                meaningful student engagement. With an intuitive interface and
                high-quality educational content, aKadmy empowers teachers to
                deliver world-class education that nurtures creativity, critical
                thinking, and problem-solving in young learners.
              </p>
            </div>
          </ContentWrapper>
        </div>
        <div className={style.curve}>
          <img src="/assets/about_us_curve.webp" width={"100%"} />
        </div>
        <ContentWrapper>
          <div className={`${style.flex}`}>
            <div className={`${style.flex_1} ${style.mt}`}>
              <h4>Driving Impact in Early Childhood Education</h4>
              <p>
                Through our partnership with Beanstalkedu, a global leader in
                early education, aKadmy is able to offer premium educational
                content that reflects the latest in pedagogical innovation and
                global best practices. This collaboration allows us to blend
                international standards with the unique cultural insights of
                Malaysia, making our platform highly adaptable for diverse
                learning environments across the globe.
              </p>
            </div>
            <div className={style.flex_1}>
              <img
                src="/assets/about_1.webp"
                width={"100%"}
                alt="About aKadmy | Transforming Early Education with AI Solutions"
              />
            </div>
          </div>
        </ContentWrapper>
        <div className={style.image_box}>
          <ContentWrapper>
            <div className={style.center}>
              <h2>Our Mission and Vision</h2>
              <br />
              <p>
                Our mission is to support schools and educators by providing a
                holistic digital solution that not only simplifies day-to-day
                teaching but also elevates the quality of education offered in
                early childhood settings. Whether you're an international school
                looking to enhance your curriculum or a teacher seeking
                innovative resources, aKadmy provides the tools and content to
                help you succeed.
              </p>
              <p>
                As we continue to expand globally, aKadmy remains committed to
                fostering strong partnerships with schools, educators, and
                institutions, ensuring that every child has access to
                high-quality, engaging, and effective learning experiences.
              </p>
            </div>
          </ContentWrapper>
        </div>
        <ContentWrapper>
          <div className={`${style.flex}`}>
            <div className={style.flex_1}>
              <img
                src="/assets/about_1.webp"
                width={"100%"}
                alt="About aKadmy | Transforming Early Education with AI Solutions"
              />
            </div>
            <div className={`${style.flex_1} ${style.mt}`}>
              <h4>What we do</h4>
              <p>
                Together with <b>Beanstalkedu</b> and our educational partners,
                we are building a future where every child can thrive in an
                environment that is both inspiring and supportive.
              </p>
            </div>
          </div>
        </ContentWrapper>
        <br />
        <br />
        <br />
        <Footer page="AKADEMY_B2C" contact={true} />
      </section>
    </Provider>
  );
}
