src/pages/landing/LandingPage.tsx

@@ -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>
-    </>
   )
 }