docs: add pricing

Author: mrholek

docs/assets/scss/_pricing.scss

@@ -0,0 +1,40 @@
+.pricing-table {
+  th {
+    padding: 0 .75rem !important; // stylelint-disable-line declaration-no-important
+    vertical-align: top;
+    border: 0;
+  }
+
+  td:nth-child(n+2):nth-child(-n+4),
+  th:nth-child(n+2):nth-child(-n+4) {
+    text-align: center;
+  }
+
+  tbody {
+    font-size: .875rem;
+  }
+
+  td:first-child:not([colspan]) {
+    color: var(--cui-secondary-color);
+    white-space: nowrap;
+  }
+
+  // stylelint-disable-next-line selector-max-universal
+  > :not(caption) > * > * {
+    padding: .75rem;
+  }
+}
+
+.pricing-customers-grid {
+  svg {
+    max-width: 100%;
+    max-height: 32px;
+    fill: var(--cui-tertiary-color);
+  }
+
+  svg [class*="-"],
+  svg g,
+  svg path {
+    fill: var(--cui-tertiary-color);
+  }
+}

docs/assets/scss/docs.scss

@@ -47,3 +47,6 @@
 // Load docs dependencies
 @forward "syntax";
 @forward "anchor";
+
+// Pricing
+@forward "pricing";

docs/content/pricing/_index.md

@@ -0,0 +1,6 @@
+---
+layout: pricing
+title: Start using CoreUI's products for free!
+description: Compare CoreUI plans for developers — choose from Free, Pro, or Enterprise licenses. Start for free and upgrade anytime for advanced features and premium support.
+group: components
+---

docs/layouts/_default/pricing.html

@@ -5,7 +5,7 @@
       <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 part of CoreUI PRO – a powerful UI library with over 250 components and 25+ templates, designed to help you build modern, responsive apps faster. Fully compatible with Angular, Bootstrap, React.js, and Vue.js.</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/pricing/?src=coreui-docs&cta=pro-banner">Get CoreUI PRO</a></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/bootstrap/docs/pricing/?src=coreui-docs&cta=pro-banner">Get CoreUI PRO</a></div>
   </div>
 </div>
 {{ end }}

docs/layouts/partials/banner.html

@@ -3,9 +3,22 @@
     <button class="header-toggler d-lg-none" type="button" aria-controls="bdNavbar" aria-expanded="false" aria-label="Toggle navigation" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
       {{ partial "icons/hamburger.svg" (dict "class" "bi" "width" "32" "height" "32") }}
     </button>
-    <div class="docs-search" id="docsearch"></div>
+    
 
-    <ul class="header-nav ms-auto">
+    <ul class="header-nav me-auto">
+      <li class="nav-item">
+        <a class="nav-link" href="/getting-started/introduction/">
+          Get Started
+        </a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/pricing/">
+          Pricing
+        </a>
+      </li>
+    </ul>
+    <div class="docs-search" id="docsearch"></div>
+    <ul class="header-nav ms-3">
       <li class="nav-item">
         <a class="nav-link" href="{{ .Site.Params.github_org }}" target="_blank" rel="noopener">
           {{ partial "icons/github.svg" (dict "class" "icon icon-xl") }}
@@ -52,10 +65,10 @@
         <hr class="d-lg-none my-2 text-white-50">
       </li>
     </ul>
-    <a class="btn btn-outline-primary d-lg-inline-block my-2 my-md-0 ms-md-3" href="/getting-started/download/">
+    <!-- <a class="btn btn-outline-primary d-lg-inline-block my-2 my-md-0 ms-md-3" href="/getting-started/download/">
       {{ partial "icons/cloud-download.svg" (dict "class" "icon me-lg-2") }}
       <span class="d-none d-lg-inline-block">Download</span>
-    </a>
+    </a> -->
     <a class="btn btn-outline-primary d-lg-inline-block my-2 my-md-0 ms-md-3" href="https://coreui.io/about/services/?docs=coreui-header-button">
       {{ partial "icons/handshake.svg" (dict "class" "icon me-2") }}
       Hire Us