"use client"
import AboutContent from "@/components/views/about/AboutContent"
import Header from "@/components/views/header/Header"
import useCurrentLanguage from "@/hooks/useCurrentLanguage"
import { images } from "@/lib/images"

const page =  ({ params: { lang } }: { params: { lang: Lang } }) => {
    // const locale = await getServerDictionary(lang)
    // get lang from user
    const { locale } = useCurrentLanguage()
    const crumb = [
        {
            path: `/${lang}`,
            label: locale?.home,
        },
        {
            path: `/${lang}/about`,
            label: locale?.about_nawaya,
        },
    ]

    return (
        <>
            <Header crumb={crumb} image={images?.header} title="about_nawaya" />
            <AboutContent lang={lang} />
        </>
    )
}

export default page