import type { Metadata } from "next";
import { Header } from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import { ContactHero } from "@/features/contact/components/ContactHero";
import { ContactFormCard } from "@/features/contact/components/ContactFormCard";
import { ContactDeptSidebar } from "@/features/contact/components/ContactDeptSidebar";
import { ContactMapBand } from "@/features/contact/components/ContactMapBand";
import { ContactFAQ } from "@/features/contact/components/ContactFAQ";

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

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

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

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

      <main>
        <ContactHero locale={locale} />

        <section className="contact-shell wrap">
          <div className="contact-grid">
            <ContactFormCard />
            <ContactDeptSidebar locale={locale} />
          </div>
        </section>

        <ContactMapBand locale={locale} />

        <ContactFAQ />
      </main>

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