import PageTitleWithLogo from "@/components/ui/PageTitleWithLogo";
import ContactForm from "@/components/views/contact/ContactForm";
import ContactInfo from "@/components/views/contact/ContactInfo";
import Header from "@/components/views/header/Header";
import PrivacyDescription from "@/components/views/privacy/PrivacyDescription";
import { getServerDictionary } from "@/lib/dictionary";
import { images } from "@/lib/images";
import Image from "next/image";

const page = async ({ params: { lang } }: { params: { lang: Lang } }) => {
  const locale = await getServerDictionary(lang);
  const crumb = [
    {
      path: `/${lang}`,
      label: locale?.home,
    },
    {
      path: `/${lang}/contact`,
      label: locale?.contact,
    },
  ];
  return (
    <>
      <Header crumb={crumb} image={images.header} title="contact" />
      <div className="container py-20 grid grid-cols-1 md:grid-cols-2 gap-10">
        <ContactInfo lang={lang} />
        <ContactForm lang={lang} />
      </div>
    </>
  );
};

export default page;