import Banner from "@/components/frontend/pages/home/Banner";
import React from "react";
import MainBg from "@/images/main-bg.webp";
import WhyRKDA from "@/components/frontend/pages/home/WhyRKDA";
import StudentSuccess from "@/components/frontend/pages/home/StudentSuccess";
import Expert from "@/components/frontend/pages/home/Expert";
import WatchOurPerformances from "@/components/frontend/pages/home/WatchOurPerformances";
import Footer from "@/components/common/Footer";
import { getSiteSettings } from "@/lib/getSiteSettings";

const Page = async () => {
  const siteSettings = await getSiteSettings();
  return (
    <>
      <Banner />
      <main
        className="mainsection"
        style={{
          backgroundImage: `url(${MainBg.src})`,
        }}
      >
        <WhyRKDA />
        <StudentSuccess />
        <Expert />
      </main>
      <Footer siteSettings={siteSettings}>
        <WatchOurPerformances />
      </Footer>
    </>
  );
};

export default Page;