90 lines
2.1 KiB
JavaScript
90 lines
2.1 KiB
JavaScript
import * as React from 'react'
|
|
import {
|
|
Avatar,
|
|
Box,
|
|
Button,
|
|
Container,
|
|
IconButton,
|
|
Menu,
|
|
MenuItem,
|
|
Toolbar,
|
|
Tooltip,
|
|
Typography,
|
|
alpha,
|
|
AppBar,
|
|
} from '@mui/material'
|
|
|
|
import QrCodeScannerIcon from '@mui/icons-material/QrCodeScanner'
|
|
import RocketLaunchIcon from '@mui/icons-material/RocketLaunch'
|
|
import RemoveRedEyeIcon from '@mui/icons-material/RemoveRedEye'
|
|
import NotFound from '@pages/404'
|
|
|
|
export default function Index() {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
flexGrow: 1,
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
my: 2,
|
|
}}
|
|
>
|
|
<Box>
|
|
<h1> SHORTEN, SHARE AND ANALYZE</h1>
|
|
<br />
|
|
</Box>
|
|
<Box
|
|
sx={{
|
|
flexGrow: 1,
|
|
display: 'flex',
|
|
justifyContent: 'space-around',
|
|
alignContent: 'space-around',
|
|
alignItems: 'space-around',
|
|
width: '50vw',
|
|
}}
|
|
>
|
|
<Box
|
|
style={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'centre',
|
|
alignItems: 'center',
|
|
}}
|
|
>
|
|
<a className="Link" href="NotFound">
|
|
<RemoveRedEyeIcon sx={{ width: '3.5rem', height: '3.5rem' }} />
|
|
<h4>VIEW COUNTER</h4>
|
|
</a>
|
|
</Box>
|
|
<Box
|
|
style={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'centre',
|
|
alignItems: 'center',
|
|
}}
|
|
>
|
|
<a className="Link" href="NotFound">
|
|
<QrCodeScannerIcon sx={{ width: '3.5rem', height: '3.5rem' }} />
|
|
<h4>QR CODE</h4>
|
|
</a>
|
|
</Box>
|
|
<Box
|
|
style={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'centre',
|
|
alignItems: 'center',
|
|
}}
|
|
>
|
|
<a className="Link" href="NotFound">
|
|
<RocketLaunchIcon sx={{ width: '3.5rem', height: '3.5rem' }} />
|
|
<h4>ROBUST API</h4>
|
|
</a>
|
|
</Box>
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|