diff --git a/src/views/Landing/Footer.jsx b/src/views/Landing/Footer.jsx
index 3047554..d8cd4a4 100644
--- a/src/views/Landing/Footer.jsx
+++ b/src/views/Landing/Footer.jsx
@@ -4,6 +4,7 @@ import Box from '@mui/joy/Box'
 import Link from '@mui/joy/Link'
 import Typography from '@mui/joy/Typography'
 import * as React from 'react'
+import { version } from '../../../package.json'
 
 function Footer() {
   return (
@@ -103,6 +104,9 @@ function Footer() {
           <Link disabled={true} level='body2' sx={{ display: 'block' }}>
             Changelog(soon)
           </Link>
+          <Link disabled={true} level='body2' sx={{ display: 'block' }}>
+            V{version}
+          </Link>
         </Box>
         {/* <Box>
         <Typography level='body2' fontWeight='bold' mb={1}>
diff --git a/src/views/Landing/GettingStarted.jsx b/src/views/Landing/GettingStarted.jsx
index 44aa532..ede365d 100644
--- a/src/views/Landing/GettingStarted.jsx
+++ b/src/views/Landing/GettingStarted.jsx
@@ -7,6 +7,7 @@ import {
   Storage,
 } from '@mui/icons-material'
 import { Box, Button, Card, Grid, styled, Typography } from '@mui/joy'
+import { useNavigate } from 'react-router-dom'
 const IconContainer = styled('div')({
   display: 'flex',
   alignItems: 'center',
@@ -65,6 +66,7 @@ function StartOptionCard({ icon: Icon, title, description, button, index }) {
 }
 
 const GettingStarted = () => {
+  const navigate = useNavigate()
   const information = [
     {
       title: 'Donetick Web',
@@ -72,7 +74,14 @@ const GettingStarted = () => {
       description:
         'The easiest way! just create account and start using DoneTick',
       button: (
-        <Button size='lg' fullWidth startDecorator={<AutoAwesome />}>
+        <Button
+          size='lg'
+          fullWidth
+          startDecorator={<AutoAwesome />}
+          onClick={() => {
+            navigate('/my/chores')
+          }}
+        >
           Start Now!
         </Button>
       ),