import type { NextPage } from "next";

import Banner from "components/home/Banner";

import Eventssection from "components/home/EventsSection";
import NewsSection from "components/home/NewsSection";
import ProgrammesSection from "components/home/ProgrammesSection";
import VideoSection from "components/home/VideoSection";

const Home: NextPage = () => {
  return (
    <>
      <div className="">
        {/* banner section */}
        {/* <Parallax speed={-100}> */}
        <Banner />
        {/* </Parallax> */}
        <div>
          {/* news section */}
          <NewsSection />

          {/* Our programmes section */}
          <ProgrammesSection />

          {/* events section */}
          <Eventssection />

          {/* videos section */}
          <VideoSection />
        </div>
      </div>
    </>
  );
};

export default Home;
