Update with consistance navbar and overall ui and actions version for CI

.github/workflows/ci.yml

@@ -18,11 +18,11 @@ jobs:
     name: Build
     runs-on: ubuntu-24.04
     steps:
-      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1
+      - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
             submodules: true
 
-      - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+      - uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
           node-version: '22'
           check-latest: true

.github/workflows/preview-website.yml

@@ -19,18 +19,19 @@ jobs:
       checks: write
       pull-requests: write
     steps:
-      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1
+      - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           submodules: true
 
       - name: Set up Go 1.x
-        uses: actions/setup-go@40f1582b2485089dde7abd97c1529aa768e1baff # v5.6.0
+        uses: actions/setup-go@924ae3a1cded613372ab5595356fb5720e22ba16 # v6.5.0
         with:
           go-version: '1.25'
+          cache: false
         id: go
 
       - name: Use Node.js
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
           node-version: '22'
           check-latest: true
@@ -62,7 +63,7 @@ jobs:
           make docs
           make gen-prod
 
-      - uses: FirebaseExtended/action-hosting-deploy@092436dca3ec6dacb231d965ae56f7ff6c09f258 # v0
+      - uses: FirebaseExtended/action-hosting-deploy@500ac625ca2dd40cbd15f7659af953801858032a # v0.11.0
         with:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_QA }}'

.github/workflows/release.yml

@@ -17,19 +17,20 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1
+      - uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7.0.0
         with:
           fetch-depth: 0
           submodules: true
 
       - name: Set up Go 1.x
-        uses: actions/setup-go@40f1582b2485089dde7abd97c1529aa768e1baff # v5.6.0
+        uses: actions/setup-go@924ae3a1cded613372ab5595356fb5720e22ba16 # v6.5.0
         with:
           go-version: '1.25'
+          cache: false
         id: go
 
       - name: Use Node.js
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
         with:
           node-version: '22'
           check-latest: true

config.yaml

@@ -46,6 +46,15 @@ params:
   learn_url: https://appscode.com/learn
   docs_url: https://appscode.com/docs
 menu:
+  product_voyager:
+  - name: Pricing
+    identifier: pricing
+    url: /pricing/
+    weight: 10
+  - name: Documentation
+    identifier: documentation
+    url: /docs/v2026.3.23/
+    weight: 20
   main:
   - name: Documentation
     weight: 20

layouts/pricing/list.html

@@ -3,44 +3,53 @@
 {{ $p := (index .Site.Data.products .Site.Params.product_key) }}
 
 <!-- hero area for page start -->
-<section class="hero-area features-plan">
-  <div class="container section">
-    <div class="columns is-vcentered">
-      <div class="column is-6">
-        <!-- hero content start -->
-        <div class="hero-area-content d-table pr-115">
-          <div class="hero-content-inner d-table-cell" data-aos="fade-up">
-            <h1>
-              Go Cloud Native Confidently
-              with AppsCode
-            </h1>
-            <p>
-              At AppsCode, we focus on helping you achieve the outcomes you need to make your business successful. Our
-              Support plans are designed to give you the right mix of tools and access to expertise so that you can be
-              successful with AppsCode products while optimizing performance, managing risk, and keeping costs under
-              control.
-            </p>
-            <br />
-            <p>
-              Our pricing plans are product specific and you will need a separate subscription for each product.
-            </p>
-          </div>
-        </div>
-        <!-- hero content end -->
+<section class="pricing-hero">
+  <div class="pricing-hero-bg" aria-hidden="true">
+    <div class="ph-orb ph-orb-1"></div>
+    <div class="ph-orb ph-orb-2"></div>
+    <div class="ph-grid"></div>
+  </div>
+  <div class="ph-shape ph-shape-ring ph-shape-tl" aria-hidden="true"></div>
+  <div class="ph-shape ph-shape-ring ph-shape-br" aria-hidden="true"></div>
+  <div class="ph-shape ph-shape-dot ph-shape-d1" aria-hidden="true"></div>
+  <div class="ph-shape ph-shape-dot ph-shape-d2" aria-hidden="true"></div>
+  <div class="ph-shape ph-shape-dot ph-shape-d3" aria-hidden="true"></div>
+  <div class="ph-shape ph-shape-cross ph-shape-c1" aria-hidden="true"></div>
+  <div class="ph-shape ph-shape-cross ph-shape-c2" aria-hidden="true"></div>
+  <div class="container">
+    <div class="pricing-hero-inner">
+      <div class="pricing-hero-badge">
+        <iconify-icon icon="heroicons:tag" width="13" height="13"></iconify-icon>
+        <span>Pricing</span>
       </div>
-      <div class="column is-6">
-        <div class="hero-area-img" data-aos="fade-up" data-aos-duration="1000">
-          <img src="/assets/images/support-page/support-img.png" alt="" class="img" />
-        </div>
+      <h1>Go Cloud Native <span class="pricing-hero-gradient">Confidently</span> with AppsCode</h1>
+      <p class="pricing-hero-lead">
+        At AppsCode, we focus on helping you achieve the outcomes you need to make your business successful. Our
+        Support plans are designed to give you the right mix of tools and access to expertise so that you can be
+        successful with AppsCode products while optimizing performance, managing risk, and keeping costs under
+        control.
+      </p>
+      <p class="pricing-hero-sub">
+        Our pricing plans are product specific and you will need a separate subscription for each product.
+      </p>
+      <div class="buttons is-justify-content-center" style="margin-top: 2rem;">
+        <a href="/docs/{{ $p.latestVersion }}/setup/" class="button ac-button is-primary">
+          <span class="icon"><iconify-icon icon="heroicons:bolt" width="16" height="16"></iconify-icon></span>
+          <span>Install Now Free</span>
+        </a>
+        <a href="{{ $.Site.Params.domain_appscode }}/contact/" class="button ac-button is-white">
+          <span class="icon"><iconify-icon icon="heroicons:chat-bubble-bottom-center" width="16" height="16"></iconify-icon></span>
+          <span>Contact Us</span>
+        </a>
       </div>
     </div>
   </div>
 </section>
 <!-- hero area for page end -->
 
 <!-- features cta area start -->
-<section class="features-cta-area bgc-2 section-padding-100">
-  <div class="container section">
+<section class="features-cta-area bgc-2">
+  <div class="container">
     <!-- features cta start  -->
     <div class="features-plan-cta-wrapper">
       <!-- cta-left part start  -->
@@ -1147,8 +1156,8 @@ <h3>Voyager</h3>
 <!-- features  area end -->
 
 <!-- assistance area start  -->
-<section class="assistance-area section-padding-100">
-  <div class="container section">
+<section class="assistance-area mt-80">
+  <div class="container">
    <!-- section title start  -->
     <div class="columns is-centered">
       <div class="column is-8 has-text-centered">
@@ -1275,8 +1284,8 @@ <h2>Need Help?</h2>
 <!-- assistance area end -->
 
 <!-- faq section start  -->
-<section class="features-plan-faq-area pb-100">
-  <div class="container section">
+<section class="features-plan-faq-area sp-y-80">
+  <div class="container">
     <div class="columns is-centered">
       <div class="column is-half">
         <div class="section-title has-text-centered">