diff --git a/pos-frontend/app/about/page.tsx b/pos-frontend/app/about/page.tsx
index 5e06368..a34f851 100644
--- a/pos-frontend/app/about/page.tsx
+++ b/pos-frontend/app/about/page.tsx
@@ -1,6 +1,6 @@
 // 'use client'
 
-import { Button } from "@nextui-org/button"
+// import { Button } from "@nextui-org/button"
 
 // import { Box } from '@chakra-ui/react'
 
@@ -16,10 +16,17 @@ import { Button } from "@nextui-org/button"
 //   )
 // }
 
-export default function About() {
+import { Container, Row, Col, Button } from 'react-bootstrap'
+
+export default function MyPage() {
   return (
-    <div>
-      <Button>Click me</Button>
-    </div>
+    <Container>
+      <Row>
+        <Col>
+          <h1>Welcome to My Page</h1>
+          <Button variant="primary">Click Me</Button>
+        </Col>
+      </Row>
+    </Container>
   )
 }