import images from '@/assets/images/images';
import InnerPageBanner from '@/components/layout/innerPages/banner';
import AboutTopInfo from '@/components/pages/about/TopInfo';
import { IPageParams } from '@/models/layout';
import { setRequestLocale } from 'next-intl/server';
import { getTranslations } from 'next-intl/server';
import Head from 'next/head';

export default async function AboutUs({
  params,
}: Readonly<{
  params: IPageParams;
}>) {
  const { locale } = await params;

  // Enable static rendering
  setRequestLocale(locale);

  const t = await getTranslations({ locale });

  return (
    <>
      <Head>
        <title>درباره کارخانه آجرپزی پاسارگاد</title>
        <meta
          name="description"
          content="معرفی کارخانه آجرپزی پاسارگاد، تاریخچه، چشم‌انداز، ظرفیت تولید و تیم متخصص ما."
        />
      </Head>
      <main className="flex flex-col items-center justify-between">
        <InnerPageBanner
          title={t('pages_about_title')}
          imageSrc={images.aboutBanner.src}
        />
        <AboutTopInfo />
      </main>
    </>
  );
}
