index.jsx

import { Container } from "@mantine/core";

import { serverSideTranslations } from "next-i18next/serverSideTranslations";

import Header from "../components/header";
import Events from "../components/events";
import About from "../components/about";
import Philosophy from "../components/philosophy";

export default function Home() {
  return (
    <>
      <section className="light" style={{ paddingTop: 0 }}>
        <Container size="xl">
          <Header />
        </Container>
      </section>
      <section className="dark" id="events">
        <Container size="xl">
          <Events />
        </Container>
      </section>
      <section className="light" id="about">
        <Container size="xl">
          <About />
        </Container>
      </section>
      <section className="dark" id="philosophy">
        <Container size="xl">
          <Philosophy />
        </Container>
      </section>
    </>
  );
}

export async function getStaticProps({ locale }) {
  return {
    props: {
      ...(await serverSideTranslations(locale, ["common"])),
      protected: false,
    },
  };
}