diff --git a/_data/argohub-home-content.yml b/_data/argohub-home-content.yml
new file mode 100644
index 000000000..82502c6f0
--- /dev/null
+++ b/_data/argohub-home-content.yml
@@ -0,0 +1,168 @@
+- title: Introduction
+  icon: ../images/home-icons/introduction.svg
+  url: ""
+  links:
+    - title: What is Codefresh?
+      localurl: /argohub/getting-started/intro-to-codefresh/
+    - title: Codefresh for GitOps
+      localurl: /argohub/getting-started/gitops-codefresh/
+    - title: Concepts in Codefresh
+      localurl: /argohub/getting-started/concepts/
+    - title: Global Search & Navigation
+      localurl: /argohub/getting-started/command-bar/
+
+- title: GitOps quick starts
+  icon: ../images/home-icons/administration.svg
+  url: ""
+  links:
+    - title: About GitOps quick starts
+      localurl: /argohub/gitops-quick-start/gitops-quick-start/
+    - title: Create Codefresh account
+      localurl: /argohub/gitops-quick-start/create-codefresh-account/
+    - title: Installing a Hybrid GitOps Runtime
+      localurl: /argohub/gitops-quick-start/runtime/
+    - title: Creating environments
+      localurl: /argohub/gitops-quick-start/quick-start-gitops-environments/
+    - title: Creating applications
+      localurl: /argohub/gitops-quick-start/create-app-ui/
+    - title: Simple promotion with drag-and-drop 
+      localurl: /argohub/gitops-quick-start/drag-and-drop/
+    - title: Simple Promotion Flow with multiple environments
+      localurl: /argohub/gitops-quick-start/multi-env-sequential-flow/ 
+
+
+
+- title: Applications
+  icon: ../images/home-icons/deployment.svg
+  url: ""
+  links:
+    - title: Creating Argo CD applications
+      localurl: /argohub/applications/create-application/
+    - title: Monitoring Argo CD applications
+      localurl: /argohub/applications/monitor-applications/
+    - title: Managing Argo CD applications
+      localurl: /argohub/applications/manage-application/
+
+- title: Products
+  icon: ../images/home-icons/product.svg
+  url: ""
+  links:
+    - title: About Products
+      localurl: /argohub/products/about-products/
+    - title: Create products
+      localurl: /argohub/products/create-product/
+    - title: Configure Product Settings
+      localurl: /argohub/products/configure-product-settings/
+    - title: Assigning applications
+      localurl: /argohub/products/assign-applications/      
+    - title: Configuring app version and promoted properties
+      localurl: /argohub/products/promotion-version-properties/
+    - title: Configuring promotion flows
+      localurl: /argohub/products/promotion-flow-triggers/   
+
+
+- title: Promotions
+  icon: ../images/home-icons/promotions.svg
+  url: ""
+  links:
+    - title: About promotions
+      localurl: /argohub/promotions/promotions-overview/
+    - title: Getting started
+      localurl: /argohub/promotions/getting-started/
+    - title: Promotion building blocks
+      localurl: /argohub/promotions/promotion-components/
+    - title: Promotion setup guidelines
+      localurl: /argohub/promotions/create-promotion-sequence/
+    - title: YAML specs
+      localurl: /argohub/promotions/entities/yaml/
+    - title: Trigger promotions
+      localurl: /argohub/promotions/trigger-promotions/ 
+    - title: Tracking releases for products
+      localurl: /argohub/promotions/product-releases/
+
+
+
+
+- title: Dashboards & insights
+  icon: ../images/home-icons/guides.png
+  url: ""
+  links:
+    - title: Home
+      localurl: /argohub/dashboards/home-dashboard/  
+    - title: Environments
+      localurl: /argohub/dashboards/gitops-environments/   
+    - title: Products
+      localurl: /argohub/dashboards/gitops-products/   
+    - title: DORA metrics
+      localurl: /argohub/dashboards/dora-metrics/
+    - title: Images
+      localurl: /argohub/dashboards/images/
+
+
+
+- title: GitOps integrations
+  icon: ../images/home-icons/integrations.svg
+  url: ""
+  links:
+    - title: GitOps image enrichment with integrations
+      localurl: /argohub/gitops-integrations/image-enrichment-overview/
+    - title: Codefresh pipelines for GitOps
+      localurl: /argohub/gitops-integrations/ci-integrations/codefresh-classic/
+    - title: GitHub Actions for GitOps
+      localurl: /argohub/gitops-integrations/ci-integrations/github-actions/
+    - title: Jenkins for GitOps
+      localurl: /argohub/gitops-integrations/ci-integrations/jenkins/
+    - title: Jira for GitOps
+      localurl: /argohub/gitops-integrations/issue-tracking/jira/
+    - title: Amazon ECR for GitOps
+      localurl: /argohub/gitops-integrations/container-registries/amazon-ecr/
+    - title: Docker Hub Registry for GitOps
+      localurl: /argohub/gitops-integrations/container-registries/dockerhub/
+    - title: GitHub Container Registry for GitOps
+      localurl: /argohub/gitops-integrations/container-registries/github-cr/
+    - title: JFrog Artifactory for GitOps
+      localurl: /argohub/gitops-integrations/container-registries/jfrog/
+    - title: Quay Registry for GitOps
+      localurl: /argohub/gitops-integrations/container-registries/quay/
+
+- title: Installation
+  icon: ../images/home-icons/installation.svg
+  url: ""
+  links:
+    - title: Codefresh platform deployment
+      localurl: /argohub/platform-installation/installation-options/   
+    - title: Hybrid GitOps Runtime installation
+      localurl: /argohub/gitops-runtimes/hybrid-gitops-helm-installation/
+
+
+- title: Administration
+  icon: ../images/home-icons/administration.svg
+  url: ""
+  links:
+    - title: Create a Codefresh account
+      localurl: /argohub/administration/account-user-management/create-codefresh-account/
+    - title: Adding users and teams
+      localurl: /argohub/administration/account-user-management/add-users/
+    - title: Set up OAuth2 for GitOps
+      localurl: /argohub/administration/account-user-management/oauth-setup/
+    - title: Access control for GitOps
+      localurl: /argohub/administration/account-user-management/gitops-abac/
+    - title: User settings
+      localurl: /argohub/administration/user-self-management/user-settings/
+    - title: Manage Git PATs
+      localurl: /argohub/administration/user-self-management/manage-pats/
+    - title: Codefresh IP addresses
+      localurl: /argohub/administration/platform-ip-addresses/
+    - title: Single Sign-On
+      localurl: /argohub/administration/single-sign-on/
+
+- title: Security
+  icon: ../images/home-icons/guides.png
+  url: ""
+  links:
+    - title: Git tokens for GitOps
+      localurl: /argohub/security/git-tokens/
+    - title: Secrets for GitOps
+      localurl: /argohub/security/secrets/
+
+
diff --git a/_includes/argohub-docs-navbar.html b/_includes/argohub-docs-navbar.html
index 3554ae53e..d44f5ed52 100644
--- a/_includes/argohub-docs-navbar.html
+++ b/_includes/argohub-docs-navbar.html
@@ -14,9 +14,10 @@
       </div>
     </a>
 
-    <div class="navbar-nav-scroll order-1 order-md-1 mx-md-auto">
+
+      <div class="navbar-nav-scroll order-1 order-md-1 mx-md-auto">
       <ul class="navbar-nav flex-row mx-md-auto">
-        <li class="nav-item">
+           <!--- <li class="nav-item">
           <a
             class="nav-link"
             href="{{ site.baseurl }}/docs/example-catalog/ci-examples/"
@@ -24,17 +25,18 @@
             >Examples</a
           >
         </li>
+          -->
         <li class="nav-item">
           <a
             class="nav-link"
             href="{{ site.baseurl }}/docs/whats-new/changelog/"
             onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Open Changelog');"
-            >What's New</a
-          >
+            >What's New</a>
         </li>
       </ul>
     </div>
 
+
     <button
       onclick="window.CommandBar.openHelpHub(); setTimeout(() => {
           document.querySelector('input[data-testid=helphub-input]').focus()
diff --git a/argohub/index.html b/argohub/index.html
index c4797a117..21edaa0b0 100644
--- a/argohub/index.html
+++ b/argohub/index.html
@@ -2,7 +2,7 @@
 layout: home
 title: ArgoHub Home
 ---
-
+<!---
 <style>
   .home-container {
     display: flex;
@@ -43,3 +43,121 @@ <h2>Getting Started</h2>
     </p>
   </section>
 </div>
+-->
+
+<main class="bd-masthead bd-masthead-home" id="content" role="main">
+  <div class="banner-home-inner">
+    <div class="container">
+      <div class="row align-items-center">
+        <!--<div class="mx-auto col-md-5 order-md-2 d-none d-sm-none d-md-block d-lg-block d-xlg-block">-->
+        <!--<img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/assets/img/favicons/android-chrome-512x512.png" alt="" width="288" height="288" />-->
+        <!--</div>-->
+        <div class="col-md-7 order-md-1 text-center mx-auto pr-md-5">
+          <h2 class="mb-3 bd-text-white text-uppercase">
+            {%- include icons/codefresh-logo.svg class="align-middle" width="180" height="auto" -%}
+            <span class="badge cf-badge cf-badge-doc align-middle mt-2">DOCUMENTATION</span>
+          </h2>
+          <p class="lead bd-text-white mb-4">
+            GitOps Cloud: Codefresh for GitOps with Argo. <br>
+            <br>
+            Realize your true DevOps potential with the premier Argo software delivery solution.
+          </p>
+<!--          <div id="searchbar"></div>-->
+          <button
+            onclick="window.CommandBar.openHelpHub(); setTimeout(() => {
+              document.querySelector('input[data-testid=helphub-input]').focus()
+            }, 100)"
+            class="helpbub-toggler mb-3"
+            aria-label="Search Codefresh Documentation"
+            type="button"
+          >
+            <div class="d-flex align-items-center">
+              <img src="{{site.baseurl}}/images/icons/search.png" />
+              <span class="ml-2">Search</span>
+            </div>
+            <span class="helpbub-toggler--hotkey">Ctrl / &#8984; + K</span>
+          </button>
+          <!-- <div>
+            <form class="bd-search bd-search--home d-flex mt-1 mb-3 mt-md-0 order-2 order-md-2 align-items-center">
+              <input type="search" class="form-control form-control-dark mr-sm-2 doc-search-input" id="navbar-search-input" placeholder="{{ site.data.translations[site.locale].search_placeholder_text }}" aria-label="{{ site.data.translations[site.locale].search_placeholder_text }}" autocomplete="off">
+              <i class="fa fa-search"></i>
+            </form>
+          </div> -->
+          <div class="d-flex flex-column flex-md-row justify-content-center lead mb-3">
+            <!--- <a href="{{ site.baseurl }}/docs/ci-quick-start/ci-quick-start/"
+               class="btn btn-primary mb-3 mb-md-0 mr-md-3"
+               onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">
+              Get started with CI
+            </a>
+          -->
+            <a href="{{ site.baseurl }}/argohub/gitops-quick-start/gitops-quick-start/"
+            class="btn btn-primary mb-3 mb-md-0 mr-md-3"
+            onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">
+           Get started with GitOps
+           </a>
+           <!--- <a href="{{ site.baseurl }}/docs/kb/"
+            class="btn btn-primary mb-3 mb-md-0 mr-md-3"
+            onclick="ga('send', 'event', 'Jumbotron actions', 'Knowledge Base', 'Knowledge Base');">
+           Knowledge Base
+           </a> 
+          -->
+            <a href="{{ site.codefresh_signup }}"
+               class="btn btn-primary mb-3 mb-md-0 mr-md-3"
+               onclick="ga('send', 'event', 'Main page actions', 'SignUp', 'SignUp');">
+              Sign Up
+            </a>
+            <a href="{{ site.schedule_demo }}"
+               class="btn btn-secondary mb-3 mb-md-0 mr-md-3"
+               onclick="ga('send', 'event', 'Main page actions', 'Schedule demo', 'Schedule demo');">
+              Schedule demo
+            </a>
+            <!--
+            <a href="{{ site.baseurl }}/docs/getting-started/download/"
+               class="btn btn-lg btn-outline-secondary"
+               onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">
+              Download
+            </a>
+            -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</main>
+
+<div class="masthead-followup row m-0 border border-white">
+  <div class="container">
+    <div class="row">
+      {% for homeContent in site.data.argohub-home-content %}
+      <div class="col-12 col-md-3 p-4 p-md-4 followup-card-item border border-white">
+        <div class="d-flex align-items-center mb-3">
+          <img src="{{ homeContent.icon }}" alt="{{ homeContent.title }}" class="mr-2"/>
+          <h4 {% unless homeContent.new== nil or homeContent.new== false %}
+              class="bulb bulb-red bulb-above-left bulb-pos-after mb-0" data-bulb-text="NEW" {% endunless %} class="mb-0">
+            {{ homeContent.title }}
+          </h4>
+        </div>
+
+        <ul class="list-unstyled">
+          {% for homeContentLink in homeContent.links %}
+          {% if homeContentLink.localurl %}
+          {% assign localurl = homeContentLink.localurl %}
+          {% else %}
+          {% assign localurl = nil %}
+          {% endif %}
+          <li class="mt-2">
+            <a {% if localurl %}href="{{site.baseurl}}{{ localurl }}" {% elsif homeContentLink.url %}href="{{ homeContentLink.url }}" {% endif %}
+               title="{{ homeContentLink.title }}">
+              {{ homeContentLink.title }}
+              {% unless homeContentLink.new == nil or homeContentLink.new == false %}
+              <span class="badge cf-badge cf-badge-new align-top text-uppercase">New</span>
+              {% endunless %}
+            </a>
+          </li>
+          {% endfor %}
+        </ul>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>