import { useState } from "react";
import BannerLearningSolutionTab from "../BannerLearningSolutions/BannerLearningSolutionTab";
import FAQ from "../FAQ/FAQ";
import Footer from "../Footer/Footer";
import LearningSolutionsBelowBanner from "../LearningSolutionsBelowBanner/LearningSolutionsBelowBanner";
import { schoolFaqs } from "../data/faqs";
import { store } from "../redux/store";
import { Provider } from "react-redux";
export default function LearningSolutions() {
  const [toggleState, setToggleState] = useState(1);
  window.scrollTo({ top: 0, behavior: "instant" });
  return (
    <>
      <Provider store={store}>
        <BannerLearningSolutionTab
          toggleState={toggleState}
          setToggleState={setToggleState}
        />
        <LearningSolutionsBelowBanner toggleState={toggleState} />
        <FAQ color1={"#0348A8"} color2={"#72B3FF"} data={schoolFaqs} />
        <Footer page="AKADEMY_B2B" />
      </Provider>
    </>
  );
}
