import { Box } from '@mui/system';
import Head from 'next/head';
import ProductsHero from '../../components/products-hero/ProductsHero';

const Products = () => {
  return (
    <>
      <Box sx={{ width: '100%', height: '100%' }}>
        <Head>
          <title>NextJS template</title>
          <meta name="description" content="Random data with pagination..." />
        </Head>
        <ProductsHero />
      </Box>
    </>
  );
};

// export async function getStaticProps({ locale }) {
//   const queryClient = new QueryClient();

//   await queryClient.prefetchQuery(['randomData', 1], () => getData(1));

//   return {
//     props: {
//       dehydratedState: dehydrate(queryClient),
//       ...(await serverSideTranslations(locale, ['pagination'])),
//     },
//   };
// }

export default Products;
