diff --git a/Web/src/components/home.tsx b/Web/src/components/home.tsx
new file mode 100644
index 0000000..39b8fff
--- /dev/null
+++ b/Web/src/components/home.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import CssBaseline from '@mui/material/CssBaseline'
+import Box from '@mui/material/Box'
+
+const Home = () => {
+  return (
+    <Box sx={{ display: 'flex' }} className="main">
+      <CssBaseline />
+      <h2>this is home component</h2>
+    </Box>
+  )
+}
+
+export default Home