show 2024 Quarter 1 Review banner on the main page (hide Build your first ExpressionEngine site. banner)

Author: Yulyaswan

docs/index.md

@@ -11,7 +11,7 @@
 
 Welcome to the official ExpressionEngine Docs! In addition to the documentation, there are a number of resources linked below that will help you learn how to master ExpressionEngine.
 
-<div id="welcome-introduce" class="max-w-full mx-auto p-8 lg:p-10 bg-white rounded-lg shadow-custom-black flex mt-12 flex-wrap lg:flex-nowrap">
+<!-- <div id="welcome-introduce" class="max-w-full mx-auto p-8 lg:p-10 bg-white rounded-lg shadow-custom-black flex mt-12 flex-wrap lg:flex-nowrap">
     <div class="w-64 h-64 mr-10 flex-shrink-0 mb-4 lg:mb-0">
         <img src="_images/welcome-image.svg" width="max-w-full mb-0">
     </div>
@@ -30,6 +30,23 @@ Welcome to the official ExpressionEngine Docs! In addition to the documentation,
             </a>
         </p>
     </div>
+</div> -->
+
+<div id="welcome-introduce" class="eeconf-promo max-w-full mx-auto p-8 lg:p-10 bg-white rounded-lg shadow-custom-black flex mt-12 flex-wrap lg:flex-nowrap">
+    <div class="w-64 h-64 mr-10 flex-shrink-0 mb-4 lg:mb-0" style="background-image: url(https://expressionengine.com/asset/img/blog/2024_Q1_Blog.jpg); background-size:cover; background-position: center;">
+        <!-- <a href="https://expressionengine.com/blog/expressionengine-2024-quarter-1-review"><img src="https://expressionengine.com/asset/img/blog/2024_Q1_Blog.jpg" class="max-w-full mb-0"></a> -->
+    </div>
+    <div class="mb-0">
+        <span class="text-red font-bold uppercase text-xs mb-4 block tracking-wider">Events</span>
+        <h2 class="text-purple-dark mb-4 leading-snug p-0 mt-0 border-none text-2">2024 Quarter 1 Review</h2>
+        <p class="text-purple-dark text-base pb-7 mb-0">ExpressionEngine 2024 Quarter 1 Review</p>
+        <p class="links-wrapper flex mb-0 flex-wrap xl:flex-nowrap">
+            <a href="https://expressionengine.com/blog/expressionengine-2024-quarter-1-review" class="inline-flex text-base h-12 leading-none justify-center items-center bg-red mb-4 xl:mb-0 mr-2.5 rounded-5 border border-solid border-red hover:bg-white hover:text-red text-white" target="_BLANK">
+                <strong>Register</strong>&nbsp;now!
+                <i class="fas fa-arrow-right ml-2"></i>
+            </a>
+        </p>
+    </div>
 </div>
 
 <div id="welcome-grid" class="grid grid-cols-1 lg:grid-cols-3 gap-x-6 gap-y-6 lg:gap-y-0 my-8">