From 2bc8e5e29467f42bd329b14e04b717642f3fa3a6 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 9 Jul 2023 03:23:17 +0200
Subject: [PATCH] Created the Pricing.jsx page

---
 src/pages/Pricing/Pricing.jsx | 50 +++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/pages/Pricing/Pricing.jsx

diff --git a/src/pages/Pricing/Pricing.jsx b/src/pages/Pricing/Pricing.jsx
new file mode 100644
index 0000000..e53929f
--- /dev/null
+++ b/src/pages/Pricing/Pricing.jsx
@@ -0,0 +1,50 @@
+import {Stack} from "@mui/material";
+import Plan from "@/pages/Pricing/components/Plan";
+
+const personalFeatures = {
+    "Lizenzen": 100,
+    "Mitglied": 1,
+    "Gruppen": 1,
+    "Zugriffsschlüssel": 1,
+    "Metadaten": 3,
+    "Berechtigungen": 10,
+    "Offline-Aktivierung": false,
+    "Authentifizierung": false
+}
+
+const plusFeatures = {
+    "Lizenzen": 5000,
+    "Mitglieder": 10,
+    "Gruppen": 15,
+    "Zugriffsschlüssel": 10,
+    "Metadaten": 10,
+    "Berechtigungen": 50,
+    "Offline-Aktivierung": true,
+    "Authentifizierung": false
+}
+
+const proFeatures = {
+    "Lizenzen": 5000,
+    "Mitglieder": 20,
+    "Gruppen": 40,
+    "Zugriffsschlüssel": 20,
+    "Metadaten": 20,
+    "Berechtigungen": 100,
+    "Offline-Aktivierung": true,
+    "Authentifizierung": true
+}
+
+
+export const Pricing = () => {
+    return (
+        <Stack direction="row" gap={3} alignItems="center" justifyContent="center" flexWrap="wrap"
+                sx={{mt: 10, mb: 2}}>
+
+            <Plan name="Personal" price="Kostenlos" features={personalFeatures}/>
+            <Plan name="Plus" price="4,99€/Monat" features={plusFeatures}/>
+            <Plan name="Pro" price="9,99€/Monat" features={proFeatures}/>
+            <Plan name="Enterprise" price="Auf Anfrage"/>
+
+        </Stack>
+)
+}
\ No newline at end of file