From f589c780f179243d31da5936514b2a02e779bd22 Mon Sep 17 00:00:00 2001
From: Resaki1 <christian.reski@t-online.de>
Date: Fri, 4 Aug 2023 16:01:00 +0200
Subject: [PATCH] added basic component

---
 src/components/Uniqueness.scss |  4 +++
 src/components/Uniqueness.tsx  | 46 ++++++++++++++++++++++++++++++++++
 src/pages/index.astro          |  2 ++
 3 files changed, 52 insertions(+)
 create mode 100644 src/components/Uniqueness.scss
 create mode 100644 src/components/Uniqueness.tsx

diff --git a/src/components/Uniqueness.scss b/src/components/Uniqueness.scss
new file mode 100644
index 0000000..41b9e84
--- /dev/null
+++ b/src/components/Uniqueness.scss
@@ -0,0 +1,4 @@
+.uniqueness__wrapper {
+  display: flex;
+  flex-direction: column;
+}
diff --git a/src/components/Uniqueness.tsx b/src/components/Uniqueness.tsx
new file mode 100644
index 0000000..3511eab
--- /dev/null
+++ b/src/components/Uniqueness.tsx
@@ -0,0 +1,46 @@
+export const Uniqueness = () => {
+  return (
+    <section className="uniqueness__wrapper">
+      <h2>Was macht Scrumlr so besonders?</h2>
+      <p>
+        Scrumlr fördert eine ausgewogene Zusammenarbeit innerhalb jedes Teams.{" "}
+      </p>
+      <div>
+        <div>
+          <h3>Schnellstart: ohne Registrierung und kostenlos</h3>
+          <p>
+            Starte direkt und unverbindlich, ohne aufwändige Registrierung oder
+            Anmeldung. Scrumlr ist außerdem kostenlos – für immer!
+          </p>
+        </div>
+      </div>
+      <div>
+        <div>
+          <h3>Individuelle Denkweisen mit dem Team teilen</h3>
+          <p>
+            Dieses Tool ist der beste Weg, Ideen miteinander auszutauschen und
+            sich als Team weiterzuentwickeln.
+          </p>
+        </div>
+      </div>
+      <div>
+        <div>
+          <h3>Meinungen und Gedanken übersichtlich sammeln</h3>
+          <p>
+            Transparente Kommunikation ist wichtig. Mit Scrumlr könnt ihr
+            Meinungen, Gedanken und Ideen miteinander verknüpfen.
+          </p>
+        </div>
+      </div>
+      <div>
+        <div>
+          <h3>Open Source & sicher gehostet in Deutschland</h3>
+          <p>
+            Scrumlr ist ein Open-Source-Software, deren Quelldaten eingesehen,
+            geändert und von Dritten verwendet werden können.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+};
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5ab8dd6..72e11d7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,9 +1,11 @@
 ---
+import { Uniqueness } from '../components/Uniqueness';
 import Layout from '../layouts/Layout.astro';
 ---
 
 <Layout title="scrumlr">
 	<main>
+		<Uniqueness client:idle />
   </main>
 </Layout>