import { useTranslation } from "react-i18next";
import { ContactForm } from "./components/ContactForm";

export function Contact() {
  const { t } = useTranslation("contact");

  return (
    <div className="mx-auto px-5 lg:px-20 2xl:px-0 py-8 max-w-7xl container">
      <div className="mx-auto max-w-3xl">
        <div className="mb-8">
          <h1 className="mb-4 font-bold text-gray-900 dark:text-gray-100 text-3xl">
            {t("seo.title")}
          </h1>
          <p className="text-gray-600 dark:text-gray-400">
            {t("seo.description")}
          </p>
        </div>

        <ContactForm />
      </div>
    </div>
  );
}