'use client'

import { Link } from '@chakra-ui/next-js'
import { Box, Flex } from '@chakra-ui/react'

export default function Page() {
  return (
    <Flex>
      <h1>Home</h1>

      <Box>
        Flex
      </Box>

      <Link href='/about' color='blue.400' _hover={{ color: 'blue.500' }}>
        About
      </Link>
    </Flex>
  )
}