sigit/sigit.io
6
2
Fork 0
Code Issues 55 Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

issue-104 #106

Merged
b merged 7 commits from issue-104 into staging 2024-06-07 13:26:37 +00:00
Conversation 0 Commits 7 Files Changed 13 +54 -76
1 changed files with 54 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8884389c6a - Show all commits

130
src/pages/landing/LandingPage.tsx
View File

@ -1,7 +1,7 @@
import { Box, Button, Typography, useTheme } from '@mui/material' import { Box, Button, Typography, useTheme } from '@mui/material'
import { useEffect } from 'react' import { useEffect } from 'react'
import { useSelector } from 'react-redux' 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 { appPublicRoutes } from '../../routes'
import { State } from '../../store/rootReducer' import { State } from '../../store/rootReducer'
import { saveVisitedLink } from '../../utils' import { saveVisitedLink } from '../../utils'
@ -25,85 +25,63 @@ export const LandingPage = () => {
} }
return ( return (
<> <div className={styles.landingPage}>
<div className={styles.landingPage}> <Box>
<Box <Typography
mt={10}
sx={{ sx={{
width: '100%', fontWeight: 'bold',
display: 'flex', marginBottom: 5,
justifyContent: 'space-between', color: bodyBackgroundColor
alignItems: 'center', ? theme.palette.getContrastText(bodyBackgroundColor)
flexDirection: { xs: 'column', md: 'row' } : ''
}} }}
variant="h4"
> >
<Box Secure Document Signing
sx={{ </Typography>
mr: { <Typography
xs: 0, sx={{
md: 5 color: bodyBackgroundColor
}, ? theme.palette.getContrastText(bodyBackgroundColor)
mb: { : ''
xs: 5, }}
md: 0 variant="body1"
} >
}} 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"
href="https://git.sigit.io/sig/it"
> >
<Typography https://git.sigit.io/sig/it
sx={{ </a>
fontWeight: 'bold', .
marginBottom: 5, <br />
color: bodyBackgroundColor <br />
? theme.palette.getContrastText(bodyBackgroundColor) SIGit lets you Create, Sign and Verify from any device with a browser.
: '' <br />
}} <br />
variant="h4" Unlike other solutions, SIGit is totally private - files are encrypted
> locally, and can only be exported by named recipients.
Secure Document Signing <br />
</Typography> <br />
<Typography Anyone can <Link to={appPublicRoutes.verify}>VERIFY</Link> the
sx={{ exported document.
color: bodyBackgroundColor </Typography>
? theme.palette.getContrastText(bodyBackgroundColor) </Box>
: ''
}}
variant="body1"
>
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"
href="https://git.sigit.io/sig/it"
>
https://git.sigit.io/sig/it
</a>
.
<br />
<br />
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.
</Typography>
</Box>
</Box>
{!authState?.loggedIn && ( {!authState?.loggedIn && (
<div className={styles.loginBottomBar}> <div className={styles.loginBottomBar}>
<Button <Button
className={styles.loginBtn} className={styles.loginBtn}
variant="contained" variant="contained"
onClick={onSignInClick} onClick={onSignInClick}
> >
GET STARTED GET STARTED
</Button> </Button>
</div> </div>
)} )}
</div> </div>
</>
) )
} }