import { Box } from '@mui/system';
import Head from 'next/head';
import CompanyInfo from '../components/company-info/CompanyInfo';
import Features from '../components/features/Features';
import Hero from '../components/hero/Hero';
import FeaturedProductsList from '../components/products/featured-products-list/FeaturedPorductsList';

const Home = () => {
  return (
    <>
      <Box sx={{ width: '100%', height: '100%' }}>
        <Head>
          <title>NextJS template</title>
          <meta name="description" content="Random data with pagination..." />
        </Head>
        <Hero></Hero>
        <FeaturedProductsList></FeaturedProductsList>
        <Features></Features>
        <CompanyInfo></CompanyInfo>
      </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 Home;
