From bcd21c185da973089c0f617f010afd04c55e4198 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sat, 9 Mar 2024 14:34:37 +0100
Subject: [PATCH] Created the Feature.jsx component

---
 .../Home/components/Features/Features.jsx     | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 web/src/pages/Home/components/Features/Features.jsx

diff --git a/web/src/pages/Home/components/Features/Features.jsx b/web/src/pages/Home/components/Features/Features.jsx
new file mode 100644
index 00000000..8ca9d6f7
--- /dev/null
+++ b/web/src/pages/Home/components/Features/Features.jsx
@@ -0,0 +1,29 @@
+import "./styles.sass";
+import Screenshot1 from "@/common/assets/sc1.png";
+import Screenshot2 from "@/common/assets/sc2.png";
+
+
+export const Features = () => {
+    return (
+        <div className="feature-area">
+            <div className="feature">
+                <img src={Screenshot1} alt="Screenshot - What is MySpeed?"/>
+                <div className="feature-content">
+                    <h1>What is MySpeed?</h1>
+                    <p>MySpeed is a Software that helps you keeping track of your network speed. <br/><br/>It
+                        automatically creates speedtests based on your schedule and displays them in a list.</p>
+                </div>
+            </div>
+
+            <div className="feature feature-reverse">
+                <img src={Screenshot2} alt="Screenshot - Detailed statistics"/>
+                <div className="feature-content">
+                    <h1>Detailed statistics</h1>
+                    <p>MySpeed provides you with detailed statistics about your network speed. <br/><br/>This
+                        includes data about your download and upload speed, as well as your ping.</p>
+                </div>
+            </div>
+
+        </div>
+    )
+}
\ No newline at end of file