import React from 'react'
import getPrivacyPolicyListData from '@/utils/ssrapi/user/getprivacypolicy'
import dynamicTitle from '../../../../utils/commonfn/dynamicMetaFunction'

// Components
const WhoWeAre = React.lazy(() => import("./WhoWeAre/WhoWeAre"))
const WhatWeDo = React.lazy(() => import("./WhatWeDo/WhatWeDo"))
const AboutUsSection = React.lazy(() => import("./AboutUsSection/AboutUsSection"))
const EventOrganizer = React.lazy(() => import("../../../components/EventOrganizer"))
const InnerDataTitleCM = React.lazy(() => import("../../../components/InnerDataTitleCM/InnerDataTitleCM"))

// export async function generateMetadata() {
//   return {
//     title: dynamicTitle({ de: "Namascape - über uns", en: "Namascape - About Us" }),
//     description: dynamicTitle({ de: "Namascape - über uns", en: "Namascape - About Us" }),
//     openGraph: {
//       images: "/assets/images/ogimages/og-about-us.jpg",
//     },
//     alternates: {
//       canonical: `https://namascape.me/about-us`
//     }
//   }
// }

const AboutUs = async () => {

  const slugParam = "about-us"
  const getData = await getPrivacyPolicyListData({ params: slugParam })
  return (
    <>
      <InnerDataTitleCM heading={"AboutUsHeading"} bredcrumbTitle={"aboutusTitle"} />
      <AboutUsSection data={getData?.data?.aboutUs} />
      <WhatWeDo data={getData?.data?.whatWeDo} />
      <WhoWeAre data={getData?.data} />
      <EventOrganizer className='pt-120 pb-120' />
    </>
  )
}

export default AboutUs