point-of-sales/pos-frontend/app/about/page.tsx

'use client'

import { Box } from '@chakra-ui/react'

export default function About() {
  return (
    <Box color={"black"}>
      About
      The stuff is here
      <Box bg='tomato' w='100%' p={4} color='white'>
        This is the Box
      </Box>
    </Box>
  )
}