import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import CategorySectionsLoader from "@/features/category/components/CategorySectionsLoader";
import CategoryHero from "@/features/category/components/CategoryHero";
import CategorySectionRenderer from "@/features/category/components/CategorySectionRenderer";
import { getServerLocale } from "@/lib/i18n/server";
import { getCategoryMeta } from "@/features/category/types/category.types";

interface CategoryPageProps {
  params: Promise<{ slug: string }>;
}

export default async function CategoryPage({ params }: CategoryPageProps) {
  const { slug } = await params;
  const locale = await getServerLocale();
  const meta = getCategoryMeta(slug);

  return (
    <div className="dt-fade-in cat-page">
      <CategorySectionsLoader categorySlug={slug} />
      <Header locale={locale} />
      <CategoryHero meta={meta} locale={locale} />
      <CategorySectionRenderer categorySlug={slug} locale={locale} />
      <Footer locale={locale} />
    </div>
  );
}