From b84317efb258b991afc100c53581df8549696e1e Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 9 Jul 2023 00:25:28 +0200
Subject: [PATCH] Created the Safety.jsx section

---
 src/pages/Home/sections/Safety/Safety.jsx | 26 +++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/pages/Home/sections/Safety/Safety.jsx

diff --git a/src/pages/Home/sections/Safety/Safety.jsx b/src/pages/Home/sections/Safety/Safety.jsx
new file mode 100644
index 0000000..26992fd
--- /dev/null
+++ b/src/pages/Home/sections/Safety/Safety.jsx
@@ -0,0 +1,26 @@
+import {List, Stack, Typography, useMediaQuery, useTheme} from "@mui/material";
+import SecureImage from "@/common/assets/images/home/secure.svg";
+import BulletItem from "@/pages/Home/sections/Header/components/BulletItem/index.js";
+
+export const Safety = () => {
+    const theme = useTheme();
+    const isMobile = useMediaQuery(theme.breakpoints.down("lg"));
+
+    return (
+        <Stack direction="row" alignItems="center" justifyContent="space-evenly" sx={{mt: 13}}>
+            {!isMobile && <img src={SecureImage} alt="Secure" height={400}/>}
+
+            <Stack direction="column" justifyContent="center" sx={{width: "45rem"}}>
+                <Typography variant="h3" fontWeight={700} color="black">Sicherheit</Typography>
+                <Typography variant="h5" fontWeight={500} color="black">LicenseAPI legt hohen Wert auf die
+                    Sicherheit Ihrer Daten</Typography>
+
+                <List sx={{maxWidth: "35rem", mt: 2}}>
+                    <BulletItem text="Traffic verschlüsselt durch SSL / TLS 1.3"/>
+                    <BulletItem text="Alle Lizenzen, Accounts und Gruppen unter AES-256-CBC verschlüsselt"/>
+                    <BulletItem text="Daten werden in Deutschland DSGVO-Konform gesichert"/>
+                </List>
+            </Stack>
+        </Stack>
+    )
+}
\ No newline at end of file