export default function()

in src/pages/user/index.tsx [13:62]


export default function () {
  const isBrowser = useIsBrowser();
  const language =
    isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en';
  const dataSource = config?.[language];

  return (
    <Layout>
      <BrowserOnly>
        {() => {
          // AOS JS
          AOS.init({
            offset: 80,
            duration: 500,
            easing: 'ease-out-quad',
            once: !0,
          });

          window.addEventListener('load', AOS.refresh);

          // const { colorMode } = useColorMode();

          return (
            <div className="block user_page container">
              <div className="user-main" style={{ padding: '10px 0 30px' }}>
                <h1 className="fs-2 mb-4 fw-bold text-center">
                  {dataSource.common.ourUsers}
                </h1>
                <hr
                  className="divider my-4 mx-auto"
                  style={{ maxWidth: '10rem' }}
                ></hr>
                <div
                  className="desc"
                  dangerouslySetInnerHTML={{ __html: dataSource.common.tip }}
                ></div>
                <div className="user_case home_block">
                  <div className="bg-shadow-bubble"></div>
                  {images.map((img, i) => (
                    <BrandCard img={img} aosDelay={i * 50} key={i} />
                  ))}
                </div>
              </div>
            </div>
          );
        }}
      </BrowserOnly>
    </Layout>
  );
}