import { Flex , Container } from '@chakra-ui/react' ; import Cart from '../src/sections/cart' ; import Details from '../src/sections/details' ; const IndexPage = ( ) => ( < Container maxW = "container.xl" p = { 0 } > < Flex h = { { base : 'auto' , md : '100vh' } } py = { [ 0 , 10 , 20 ] } direction = { { base : 'column-reverse' , md : 'row' } } > < Details /> < Cart / > < /Flex> < /Container>); export default IndexPage ;