import ProductsSection from "@/components/home/ProductsSection";
import SectionHeader from "@/components/home/SectionHeader";
import type { AboutContent } from "@/data/about.data";
import { getProducts } from "@/data/products.data";
import type { Dictionary } from "@/lib/i18n";
import type { Locale } from "@/lib/locales";

export default function ProductEcosystem({ content, dictionary, locale }: { content: AboutContent["ecosystem"]; dictionary: Dictionary; locale: Locale }) {
  return (
    <section className="py-14">
      <p className="text-center text-[11px] font-extrabold uppercase tracking-[0.2em] text-[#626bef]">{content.eyebrow}</p>
      <SectionHeader title={content.title} subtitle={content.description} className="mx-auto mt-2 max-w-[780px]" />
      <div className="mt-7">
        <ProductsSection exploreLabel={dictionary.common.explore} locale={locale} products={getProducts(dictionary, locale)} subtitle="" title="" />
      </div>
    </section>
  );
}