// 'use client'

// import { Button } from "@nextui-org/button"

// 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>
//   )
// }

import { Container, Row, Col, Button } from 'react-bootstrap'

export default function MyPage() {
  return (
    <Container>
      <Row>
        <Col>
          <h1>Welcome to My Page</h1>
          <Button variant="primary">Click Me</Button>
        </Col>
      </Row>
    </Container>
  )
}