docs: update layout

Author: mrholek

docs/layouts/partials/banner.html

@@ -1,14 +1,15 @@
 {{ if .Page.Params.pro_component }}
-  <div class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5">
-    <h3 class="mb-4">CoreUI PRO Component</h3>
-    <p>
-      To use this component you must have a CoreUI PRO license. Buy the <a href="https://coreui.io/pricing/?framework=bootstrap&docs=coreui-banner-pro">CoreUI PRO</a> and get access to all PRO components, features, templates, and dedicated support.
-    </p>
+<div class="bg-info bg-opacity-10 border border-2 border-info rounded d-flex align-items-center p-3 px-xl-4 mb-5 row flex-xl-nowrap">
+  <div class="col-xl-auto col-12 d-none d-xl-block p-0">
+    <img src="https://coreui.io/images/frameworks/core_blue_960px.png" class="img-fluid" width="160px" height="160px" alt="CoreUI PRO hexagon">
   </div>
+  <div class="col-md col-12 px-lg-4">This Component is a part of CoreUI PRO, an advanced UI library offering over 100 components designed for creating responsive, sleek, and powerful applications. Experience it yourself by signing up for a complimentary 7-day trial.</div>
+  <div class="col-md-auto col-12 mt-3 mt-lg-0"><a class="btn btn-danger text-nowrap text-white" href="https://coreui.io/trial/?src=coreui-docs&cta=pro-banner">Start Free Trial</a></div>
+</div>
 {{ end }}
 {{ if .Page.Params.preview_component }}
   <div class="bg-warning bg-opacity-10 border-start border-start-5 border-start-warning p-4 pb-3 mb-5">
-    <h3 className="mb-4">Alpha release</h3>
+    <h3 class="mb-4">Alpha release</h3>
     <p>
       This component is in the Alpha phase and has an experimental API, which can be changed in the final release. If you want to use this component, please install <strong>@coreui/coreui-pro {{ .Page.Params.preview_component }}</strong>
     </p>

docs/layouts/partials/header.html

@@ -11,16 +11,6 @@
           {{ partial "icons/github.svg" (dict "class" "icon icon-xl") }}
         </a>
       </li>
-      <li class="nav-item">
-        <a class="nav-link" href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank" rel="noopener">
-          {{ partial "icons/twitter.svg" (dict "class" "icon icon-xl") }}
-        </a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="https://opencollective.com/{{ .Site.Params.opencollective }}" target="_blank" rel="noopener">
-          {{ partial "icons/opencollective.svg" (dict "class" "icon icon-xl") }}
-        </a>
-      </li>
       <li class="nav-item py-2 py-lg-1">
         <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-body text-opacity-75"></div>
         <hr class="d-lg-none my-2 text-white-50">
@@ -70,8 +60,8 @@
       {{ partial "icons/handshake.svg" (dict "class" "icon me-2") }}
       Hire Us
     </a>
-    <a class="btn btn-primary d-lg-inline-block my-2 my-md-0 ms-md-3" href="https://coreui.io/pricing/?framework=bootstrap&docs=coreui-header-button">
-      Buy CoreUI PRO
+    <a class="btn btn-primary d-lg-inline-block my-2 my-md-0 ms-md-3" href="https://coreui.io/pricing/?framework=bootstrap&src=coreui-docs&cta=coreui-header-button">
+      Get CoreUI PRO all-access →
     </a>
   </nav>
 </header>