bravo68web
/
url-minify
mirror of https://github.com/BRAVO68WEB/url-minify.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

features section

This commit is contained in:
dakshgupta2002 2022-02-04 21:06:59 +05:30
parent 3357f32f8f
commit b22a952537
3 changed files with 47 additions and 1905 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/components/Features/index.js Normal file
View File

@ -0,0 +1,42 @@
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';
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', }}>
<RemoveRedEyeIcon sx={{ width: '3.5rem', height: '3.5rem' }} />
<h4>VIEW COUNTER</h4>
</Box>
<Box style={{ display: 'flex', flexDirection: 'column', justifyContent: 'centre', alignItems: 'center', }}>
<QrCodeScannerIcon sx={{ width: '3.5rem', height: '3.5rem' }} />
<h4>QR CODE</h4>
</Box>
<Box style={{ display: 'flex', flexDirection: 'column', justifyContent: 'centre', alignItems: 'center', }}>
<RocketLaunchIcon sx={{ width: '3.5rem', height: '3.5rem' }} />
<h4>ROBUST API</h4>
</Box>
</Box>
</Box>
);
}

1907
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
frontend/pages/index.js
View File

@ -2,7 +2,7 @@ import { useState } from 'react'
import Head from 'next/head'
import HomeSection from "components/HomeSection/homeSection"
import NavBar from "components/NavBar";
import Features from 'components/Features'
export default function Home() {
@ -18,6 +18,7 @@ export default function Home() {
<main className={""}>
<NavBar />
<HomeSection />
<Features/>
</main>
</div>
)