pasargad/src/app/contact-us/page.tsx

import images from '@/assets/images/images';
import InnerPageBanner from '@/components/layout/innerPages/banner';
import ContactMap from '@/components/layout/map';
import ContactForm from '@/components/pages/contact/ContactMeForm';
import TouchUs from '@/components/pages/contact/TouchUs';
import { t } from '@/locales/translates';
import Image from 'next/image';

async function getData() {
  await new Promise((resolve) => setTimeout(resolve, 1000));
  return { message: 'This data was fetched on the server!' };
}

export default async function Contact() {
  const data = await getData();

  return (
    <main className="flex flex-col items-center justify-between">
      <InnerPageBanner
        title={t('pages_contact_title') as string}
        imageSrc={images.blogBanner.src}
      />

      <div className="flex w-full flex-col bg-gray-200 pt-4 md:pt-28">
        <div className="relative container mx-auto flex w-full flex-col items-stretch overflow-hidden rounded-lg md:flex-row">
          <TouchUs />
          <ContactForm />
        </div>
        <div className="absolute -bottom-[17.32rem] w-1/2 max-md:hidden md:w-2/5">
          <Image
            alt="footer-bg"
            src={images.factoryVector}
            className="h-full w-full object-cover"
          />
        </div>
        <div className="mt-4 w-full md:mt-28">
          <div className="h-64 w-full overflow-hidden rounded-lg bg-gray-200">
            <ContactMap />
          </div>
        </div>
      </div>
    </main>
  );
}