docs: add cyber monday banner

Author: mrholek

docs/assets/scss/_banner.scss

@@ -27,7 +27,7 @@
     width: 100%;
     max-width: 100%;
     height: 100%;
-    background: url("./../img/percents-bg.png");
+    background: url("./../img/cyber-bg.png");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: 100%;

docs/layouts/_default/docs.html

@@ -3,17 +3,18 @@
   <main class="docs-main order-1">
     <div class="docs-intro ps-lg-4">
       {{ partial "breadcrumb" . }}
-      <a class="black-friday-banner rounded" href="https://coreui.io/pricing/?framework=bootstrap&amp;docs=coreui-banner-black-friday">
+      <a class="black-friday-banner rounded" href="https://coreui.io/pricing/?framework=bootstrap&amp;docs=coreui-banner-cyber-week">
         <div class="row">
           <div class="col-xl-7 align-self-center">
             <div class="p-3 p-xl-5">
-              <h2>Black Friday? Black Week? <br> CoreUI makes it MONTH!</h2>
-              <div> With CoreUI you don't have to wait till Black Friday, cause we launched our Black Friday promo - right here, right now! Up to 70% discount for CoreUI PRO Admin Templates and PRO UI Components.</div>
+              <h2 class="fs-3">Are you ready for Cyber Week Deals?</h2>
+              <h3 class="fs-5">Up to 70% discount for CoreUI PRO Admin Templates and UI Components.</h3>
+              <div>This year we prepared a limited Cyber Week offer for our clients and users. The first 100 people can get our products with <strong>up&nbsp;to&nbsp;70%&nbsp;discount.</strong></div>
             </div>
           </div>
-          <div class="col-xl-5">
+          <div class="col-xl-5 align-self-center">
             <div class="p-2">
-              <img class="logo mx-auto" src="/assets/img/black-hexagon400h.webp" alt="CoreUI logo" loading="lazy">
+              <img class="logo mx-auto" src="/assets/img/coreui_alt_400px_cyber.webp" alt="CoreUI logo" loading="lazy">
             </div>
           </div>
         </div>