import { getLocale, getTranslations } from "next-intl/server";
import { cn } from "@/lib/utils";
import { localeHeadingClass } from "@/lib/locale-fonts";

export default async function HeroSection() {
  const t = await getTranslations("BookDemo");
  const locale = await getLocale();

  return (
    <div className="bg-primary-foreground flex flex-col items-center justify-center px-5 py-10 md:py-20 lg:px-20 xl:px-45">
      <h1
        className={cn(
          "mt-6 text-center text-3xl tracking-[0.04em] text-neutral-700 uppercase",
          localeHeadingClass(locale),
        )}
      >
        {t("title")}
      </h1>
      <p className="mt-6 max-w-3xl text-center text-sm text-neutral-700 lg:text-lg">
        {t("description")}
      </p>
    </div>
  );
}