From cc177b9c5d23a8ee88afe5bb0564f7ea17b126a9 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 12 Sep 2022 17:15:34 +0200
Subject: [PATCH] Created the structure of the Coins component

---
 src/pages/Coins/Coins.jsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/pages/Coins/Coins.jsx b/src/pages/Coins/Coins.jsx
index 7b171d1..0fd42ad 100644
--- a/src/pages/Coins/Coins.jsx
+++ b/src/pages/Coins/Coins.jsx
@@ -1,5 +1,15 @@
-const Coins = () => {
-    return (<h2>Coins</h2>)
-}
+import './styles.sass';
+import StarCoin from '@/assets/StarCoin.png';
+
+const Coins = () => (
+    <div className="coin-wrapper">
+        <div className="description-area">
+            <h3 className="text-header">Only pay for what you <span className="text-aqua">really</span> need.</h3>
+            <p className="text-description">Why pay for features you don’t even use? With StarCoins, you only pay for
+                the features that you really need. <br/><br/>Pay your favourite features once, get them forever.</p>
+        </div>
+        <img src={StarCoin} alt="StarCoin" className="coin-image"/>
+    </div>
+);
 
 export default Coins;
\ No newline at end of file