feat: add verify link in landing page

This commit is contained in:
SwiftHawk 2024-06-04 11:37:30 +05:00
parent 07459e5e89
commit 8884389c6a

View File

@ -1,7 +1,7 @@
import { Box, Button, Typography, useTheme } from '@mui/material'
import { useEffect } from 'react'
import { useSelector } from 'react-redux'
import { useLocation, useNavigate } from 'react-router-dom'
import { Link, useLocation, useNavigate } from 'react-router-dom'
import { appPublicRoutes } from '../../routes'
import { State } from '../../store/rootReducer'
import { saveVisitedLink } from '../../utils'
@ -25,30 +25,8 @@ export const LandingPage = () => {
}
return (
<>
<div className={styles.landingPage}>
<Box
mt={10}
sx={{
width: '100%',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center',
flexDirection: { xs: 'column', md: 'row' }
}}
>
<Box
sx={{
mr: {
xs: 0,
md: 5
},
mb: {
xs: 5,
md: 0
}
}}
>
<Box>
<Typography
sx={{
fontWeight: 'bold',
@ -69,9 +47,8 @@ export const LandingPage = () => {
}}
variant="body1"
>
SIGit is an open-source and self-hostable solution for secure
document signing and verification. Code is MIT licenced and
available at{' '}
SIGit is an open-source and self-hostable solution for secure document
signing and verification. Code is MIT licenced and available at{' '}
<a
className="bold-link"
target="_blank"
@ -82,15 +59,17 @@ export const LandingPage = () => {
.
<br />
<br />
SIGit lets you Create, Sign and Verify from any device with a
browser.
SIGit lets you Create, Sign and Verify from any device with a browser.
<br />
<br />
Unlike other solutions, SIGit is totally private - files are
encrypted locally, and can only be exported by named recipients.
Unlike other solutions, SIGit is totally private - files are encrypted
locally, and can only be exported by named recipients.
<br />
<br />
Anyone can <Link to={appPublicRoutes.verify}>VERIFY</Link> the
exported document.
</Typography>
</Box>
</Box>
{!authState?.loggedIn && (
<div className={styles.loginBottomBar}>
@ -104,6 +83,5 @@ export const LandingPage = () => {
</div>
)}
</div>
</>
)
}