import type { Metadata } from "next";
import { getServerLocale, getServerT } from "@/lib/i18n/server";
import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import { SubscribeHero } from "@/features/subscribe/components/SubscribeHero";
import { PlansSection } from "@/features/subscribe/components/PlansSection";
import { CompareBand } from "@/features/subscribe/components/CompareBand";
import { TestimonialBand } from "@/features/subscribe/components/TestimonialBand";
import { FaqSection } from "@/features/subscribe/components/FaqSection";
import { FinalCta } from "@/features/subscribe/components/FinalCta";

export async function generateMetadata(): Promise<Metadata> {
  const locale = await getServerLocale();
  const t = await getServerT(locale, "subscribe");
  return { title: t("meta_title") };
}

export default async function SubscribePage() {
  const locale = await getServerLocale();

  return (
    <div className="dt-fade-in">
      <Header locale={locale} />
      <SubscribeHero locale={locale} />
      <PlansSection locale={locale} />
      <CompareBand locale={locale} />
      <TestimonialBand locale={locale} />
      <FaqSection locale={locale} />
      <FinalCta locale={locale} />
      <Footer locale={locale} />
    </div>
  );
}