import { getDictionary, type Locale } from "@/lib/dictionaries";
import Hero from "@/components/sections/Hero";
import Services from "@/components/sections/Services";
import TechStack from "@/components/sections/TechStack";
import ProjectsCarousel from "@/components/sections/ProjectsCarousel";
import CTA from "@/components/sections/CTA";

export default async function HomePage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const dict = getDictionary(locale);

  return (
    <>
      <Hero locale={locale as Locale} dict={dict} />
      <Services locale={locale as Locale} dict={dict} />
      <TechStack locale={locale as Locale} dict={dict} />
      <ProjectsCarousel locale={locale as Locale} dict={dict} featured />
      <CTA locale={locale as Locale} dict={dict} />
    </>
  );
}