create h2-separator component

This commit is contained in:
desmukh 2023-01-08 01:15:25 +05:00
parent f1c9831f58
commit e1adea64af
2 changed files with 24 additions and 5 deletions

View File

@ -39,4 +39,25 @@ export const H1Separator = ({ title, component }) => {
</Box> </Box>
</Box> </Box>
) )
} }
export const H2Separator = ({ title1, title2, component }) => (
<Box display="flex" py={1}>
<Typography
variant="h2"
component={component}
sx={{ textTransform: "uppercase", pr: 2.5 }}
>
{title1}{" "}
<Box component="span" fontWeight={700}>
{title2}
</Box>
</Typography>
<Box flexGrow={1} display="flex" alignItems="center">
<Box borderTop={1} width="100%" height="1px">
<TerminalDiamond />
<TerminalDiamond right />
</Box>
</Box>
</Box>
)

View File

@ -6,7 +6,7 @@ import Layout from "../components/layout"
import Seo from "../components/seo" import Seo from "../components/seo"
import { Box, Button, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Stack, Typography } from "@mui/material" import { Box, Button, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Stack, Typography } from "@mui/material"
import EastIcon from '@mui/icons-material/East' import EastIcon from '@mui/icons-material/East'
import { H1Separator } from "../components/heading-separators" import { H1Separator, H2Separator } from "../components/heading-separators"
const serviceMenu = [ const serviceMenu = [
{ label: "Support", path: "/" }, { label: "Support", path: "/" },
@ -65,9 +65,7 @@ const BlogIndex = ({ data, location }) => {
</ListItem> </ListItem>
))} ))}
</List> </List>
<Typography variant="h2" component="h3" textTransform={"uppercase"}> <H2Separator title1="Interested?" title2="Work with us" component="h3" />
Interested? Work with us
</Typography>
<Typography> <Typography>
We build technologies and infrastructure to empower users to make a We build technologies and infrastructure to empower users to make a
positive impact on the world. All of our services reflect our commitment positive impact on the world. All of our services reflect our commitment