import { Events } from "@/components/shared/Events";
import { News } from "@/components/shared/News";
import { Partners } from "@/components/shared/Partners";
import { Reviews } from "@/components/shared/Reviews";
import { Slider } from "@/components/shared/Slider";
import Loader from "@/components/ui/Loader";
import { getLocale } from "next-intl/server";
import { Suspense } from "react";

export default async function HomePage() {
  const lang = await getLocale();

  return (
    <div className="bg-blueBg flex flex-col gap-[60px] md:gap-20 pb-20 mt-[70px]">
      <Slider lang={lang} />

      <Suspense fallback={<Loader />}>
        <Events lang={lang} />
      </Suspense>
      <News />
      <Reviews />
      <Partners />
    </div>
  );
}