docs: add conf banner (#1605)

Author: droshev

docs/_sass/_landingPage.scss

@@ -256,9 +256,12 @@ $learn-section-side-margin: 0 2rem;
     }
   }
 
+  .intro-section__banner{
+    width: 100%;
+  }
+
   .intro-section {
     padding: 100px 120px;
-    background-image: url("../images/land-page-assets/hero_background.jpg");
     background-repeat: no-repeat;
     background-size: cover;
 
@@ -277,6 +280,16 @@ $learn-section-side-margin: 0 2rem;
 
       @include text();
     }
+
+    &__conf {
+      width: 100%;
+
+      &--mobile{
+        width: 100%;
+
+      }
+    }
+
   }
 
   .libraries-section {
@@ -939,6 +952,25 @@ $learn-section-side-margin: 0 2rem;
   }
 }
 
+@media (max-width: 768px){
+  .intro-section__conf{
+    display: none;
+  }
+  .intro-section__conf--mobile{
+    display: block;
+  }
+}
+
+@media (min-width: 769px){
+  .intro-section__conf{
+    display: block;
+  }
+  .intro-section__conf--mobile{
+    display: none;
+  }
+
+}
+
 @media (min-width: 768px) {
   .about-section {
     &__item {

docs/images/land-page-assets/con_banner.png

@@ -42,6 +42,11 @@ <h2 class="vh">Main Navigation</h2>
 
         </nav>
     </div>
+    
+    <div class="intro-section__banner" id="intro-conf">
+        <img class="intro-section__conf" src="/images/land-page-assets/con_banner.png" alt="Fundamental Lib Conference Banner">
+        <img class="intro-section__conf--mobile" src="/images/land-page-assets/con_banner_mobile.png" alt="Fundamental Lib Conference Mobile Banner">
+    </div>
 
     <div class="intro-section" id="intro-section">
         <div class="intro-section__container">