docs: add a banner for the New Year sale.

Author: mrholek

docs/layouts/_default/docs.html

@@ -3,7 +3,7 @@
   <main class="docs-main order-1">
     <div class="docs-intro ps-lg-4">
       {{ partial "breadcrumb" . }}
-      {{ partial "banner-xmas" . }}
+      {{ partial "banner-new-year" . }}
       {{ partial "banner" . }}
       {{ if .Page.Params.bootstrap }}
       <div class="d-flex flex-column">

docs/layouts/partials/banner-new-year.html

@@ -0,0 +1,38 @@
+<section
+  class="bg-primary-gradient position-relative text-white rounded p-3 p-xl-4 ps-xl-0 mb-5 snowfall"
+>
+  <div class="container">
+    <div class="row flex-column flex-md-row align-items-md-center">
+      <div class="col-auto d-none d-lg-flex mx-lg-3">
+        <img
+          src="/assets/img/rocket.svg"
+          alt="Christmas Tree"
+          height="100"
+          width="100"
+        />
+      </div>
+      <div class="col">
+        <div class="fw-semibold fs-4">
+          New Year sale. Skyrocket your business in 2025!
+        </div>
+        <div>
+          Extra 25% off for all sale items + Free CoreUI Icons PRO with every
+          order!<br />Limited-time offer for the first 100 customers in 2025.
+          Use code <strong>2025SKY25</strong> at checkout.
+        </div>
+      </div>
+      <div class="col-auto">
+        <a
+          href="https://coreui.io/pricing/#pricing-table"
+          class="btn border-2 btn-outline-light btn-lg mt-3 mt-lg-0"
+          >Get offer!</a
+        >
+      </div>
+    </div>
+  </div>
+  <canvas
+    width="974"
+    height="188"
+    style="position: absolute; left: 0px; top: 0px; pointer-events: none"
+  ></canvas>
+</section>