import type { Metadata } from "next";
import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import { AboutHero } from "@/features/about/components/AboutHero";
import { MissionBand } from "@/features/about/components/MissionBand";
import { PrinciplesSection } from "@/features/about/components/PrinciplesSection";
import { TimelineSection } from "@/features/about/components/TimelineSection";
import { NumbersSection } from "@/features/about/components/NumbersSection";
import { LeadershipSection } from "@/features/about/components/LeadershipSection";
import { BureausSection } from "@/features/about/components/BureausSection";
import { RecognitionSection } from "@/features/about/components/RecognitionSection";
import { TrustSection } from "@/features/about/components/TrustSection";
import { JoinSection } from "@/features/about/components/JoinSection";

import { getServerLocale } from "@/lib/i18n/server";

export const metadata: Metadata = {
  title: "About — DTNews",
};

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

  return (
    <div className="dt-fade-in">
      <Header locale={locale} />

      <main>
        <AboutHero locale={locale} />
        <MissionBand locale={locale} />
        <PrinciplesSection locale={locale} />
        <TimelineSection locale={locale} />
        <NumbersSection locale={locale} />
        <LeadershipSection locale={locale} />
        <BureausSection locale={locale} />
        <RecognitionSection locale={locale} />
        <TrustSection locale={locale} />
        <JoinSection locale={locale} />
      </main>

      <Footer locale={locale} />
    </div>
  );
}