import Footer from "@/components/common/Footer";

import MainBg from "@/images/main-bg.webp";
import { getSiteSettings } from "@/lib/getSiteSettings";
import AboutFooterText from "@/components/frontend/pages/about/AboutFooterText";
import Banner from "@/components/frontend/pages/calendar/Banner";
import CalendarRestrictedNotice from "@/components/frontend/pages/calendar/Calendarrestrictednotice";

const Page = async () => {
  const siteSettings = await getSiteSettings();

  return (
    <>
      <Banner />
      <main
        className="mainsection"
        style={{
          backgroundImage: `url(${MainBg.src})`,
        }}
      >
        <CalendarRestrictedNotice />
      </main>

      <Footer siteSettings={siteSettings}>
        <AboutFooterText />
      </Footer>
    </>
  );
};

export default Page;