1 files changed, 46 insertions, 0 deletions
diff --git a/src/views/Home.jsx b/src/views/Home.jsx
new file mode 100644
index 0000000..4b16a1e
--- /dev/null
+++ b/src/views/Home.jsx
@@ -0,0 +1,46 @@
+import { Box, Button, Container, Typography } from '@mui/joy'
+import { useEffect } from 'react'
+import { useNavigate } from 'react-router-dom'
+
+import { useState } from 'react'
+import Logo from '../Logo'
+const Home = () => {
+  const Navigate = useNavigate()
+  const getCurrentUser = () => {
+    return JSON.parse(localStorage.getItem('user'))
+  }
+  const [users, setUsers] = useState([])
+  const [currentUser, setCurrentUser] = useState(getCurrentUser())
+
+  useEffect(() => {}, [])
+
+  return (
+    <Container className='flex h-full items-center justify-center'>
+      <Box className='flex flex-col items-center justify-center'>
+        <Logo />
+        <Typography level='h1'>
+          Done
+          <span
+            style={{
+              color: '#06b6d4',
+            }}
+          >
+            tick
+          </span>
+        </Typography>
+      </Box>
+      <Box className='flex flex-col items-center justify-center' mt={10}>
+        <Button
+          sx={{ mt: 1 }}
+          onClick={() => {
+            Navigate('/my/chores')
+          }}
+        >
+          Get Started!
+        </Button>
+      </Box>
+    </Container>
+  )
+}
+
+export default Home