import { getHomeEventsData } from "@/lib/api/home";
import FeaturesCarouselV3 from "./components/FeaturesCarouselV3";
import FeaturesHeaderV3 from "./components/FeaturesHeaderV3";
import { getTranslations } from "next-intl/server";
import EmptyFeatureData from "./components/EmptyFeatureData";

export default async function FeaturesSectionV3() {
  const t = await getTranslations("HomePage.features");
  const eventsData = await getHomeEventsData();

  return (
    <section className="features-section-v3 bg-primary-anti_flash_white-main flex flex-col gap-5 sm:gap-10">
      <FeaturesHeaderV3
        subtitle={t("subtitle")}
        title={t("title")}
        buttonText={t("discoverButton")}
        showButton={eventsData && eventsData.length > 0 ? true : false}
      />
      {eventsData && eventsData.length > 0 ? (
        <FeaturesCarouselV3 eventsData={eventsData} />
      ) : (
        <EmptyFeatureData />
      )}
    </section>
  );
}