feat: add introduction

index.html

@@ -11,9 +11,21 @@
         <section class="hero">
             <div class="hero__text-area__container">
                 <h1 class="hero__text-area__heading">/dev.space</h1>
-                <h3 class="hero__text-area__subheading">The digital hackerspace</h3>
+                <h3 class="hero__text-area__subheading">
+                    The digital hackerspace
+                </h3>
+            </div>
+        </section>
+        <section class="introduction">
+            <div class="introduction__container">
+                <h1 class="introduction__container__heading">
+                    /dev.space is a platform providing online services for
+                    developers to collectively learn and grow.
+                </h1>
+                <h3 class="introduction__container__subheading">
+                    Whether you're freshly starting out, or you are just looking to connect with likeminded people. We help you turn your project ideas into reality.
+                </h3>
             </div>
-            <div class="hero__scroll-arrow">▾</div>
         </section>
     </body>
 </html>

styles/index.css

@@ -3,6 +3,7 @@
 
 /* Components */
 @import url("./hero.css");
+@import url("./introduction.css");
 
 body {
     margin: 0;

styles/introduction.css

@@ -0,0 +1,17 @@
+.introduction {
+    align-items: center;
+    display: flex;
+    font-family: "Work Sans", sans-serif;
+    height: 30vh;
+    justify-content: center;
+    text-align: center;
+}
+
+.introduction__container__heading {
+    font-size: 2.5rem;
+
+}
+
+.introduction__container__subheading {
+    font-size: 1.5rem;
+}