LicenseAPI/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created the Integrate.jsx section

Browse Source
This commit is contained in:
Mathias Wagner 2023-07-09 00:25:02 +02:00
parent a0a284e461
commit 02735c1cff
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/Home/sections/Integrate/Integrate.jsx Normal file
View File

@ -0,0 +1,26 @@
import {List, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
import BulletItem from "@/pages/Home/sections/Header/components/BulletItem/index.js";
import IntegrateImage from "@/common/assets/images/home/integrate.svg";
export const Integrate = () => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("lg"));
return (
<Stack direction="row" alignItems="center" justifyContent="space-evenly" sx={{mt: 10}}>
<Stack direction="column" justifyContent="center" sx={{width: "45rem"}}>
<Typography variant="h3" fontWeight={700} color="black">Integrationen</Typography>
<Typography variant="h5" fontWeight={500} color="black">LicenseAPI lässt sich einfach in Ihre
Software integrieren</Typography>
<List sx={{maxWidth: "35rem", mt: 2}}>
<BulletItem text="Einfache Integration durch REST-API"/>
<BulletItem text="Öffentliche SDKs für Java, PHP und Javascript"/>
<BulletItem text="Dokumentation für die Integration in Ihre Software"/>
</List>
</Stack>
{!isMobile && <img src={IntegrateImage} alt="Integrate" height={400}/>}
</Stack>
)
}