Update chat icon and products data (#124)

Signed-off-by: mohin7 <[email protected]>
appscode · Dec 13, 2023 · 059ec72 · 059ec72
1 parent 7e97d7d
commit 059ec72
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 18 deletions.
diff --git a/data/products/appscode.json b/data/products/appscode.json
@@ -59,6 +59,12 @@
         "url": "https://kubevault.com",
         "logo": "/assets/images/products/kubevault/kubevault.png",
         "description": "KubeVault provides various ways to configure your Vault deployment. You can pick your preferred Storage Backend, Unsealer Mode, TLS Mode, Secret Engines that you want to allow to attach with this VaultServer, Termination Policy to prevent accidental deletion or clean-up Vault deployment in a systematic way, Monitoring,  etc."
+      },
+      {
+        "name": "Voyager",
+        "url": "https://voyagermesh.com/",
+        "logo": "/assets/images/products/voyager/voyager.png",
+        "description": "Voyager is a HAProxy backed secure L7 and L4 ingress controller for Kubernetes. This can be used with any Kubernetes cloud providers including AWS, GCE, GKE, AZURE, ACS etc. This can also be used with baremetal Kubernetes clusters."
       }
     ],
     "highlight_products": {
@@ -67,10 +73,16 @@
       "url": "https://appscode.com/contact/",
       "products": [
         {
-          "name": "Voyager",
-          "logo": "/assets/images/products/voyager/voyager-icon.svg",
-          "summary": "Voyager is a HAProxy backed secure L7 and L4 ingress controller for Kubernetes. This can be used with any Kubernetes cloud providers including AWS, GCE, GKE, AZURE, ACS etc. This can also be used with baremetal Kubernetes clusters.",
-          "url": "https://voyagermesh.com/"
+          "name": "Guard",
+          "logo": "/assets/images/products/guard/guard-512x512.svg",
+          "summary": "Guard by AppsCode is a Kubernetes Webhook Authentication server. Using guard, you can log into your Kubernetes cluster using a Github or Google authentication token. Guard also sets authenticated user’s groups to their Github teams or Google groups. This allows cluster administrators to setup RBAC rules based on membership in Github teams or Google groups.",
+          "url": "https://kubeguard.dev/"
+        },
+        {
+          "name": "Config Syncer",
+          "logo": "/assets/images/products/kubed/kubed-512x512.svg",
+          "summary": "Config Syncer (fka Kubed) by AppsCode is a Kubernetes Cluster Operator Daemon. From here you can learn all about Config Syncer’s architecture and how to deploy and use Config Syncer.",
+          "url": "https://config-syncer.com/"
         }
       ]
     },

diff --git a/layouts/index.html b/layouts/index.html
@@ -49,9 +49,12 @@ <h1>{{ $p.homepage.hero_area.title }}</h1>
           <!-- style="width:22px;height:22px; margin-right: 8px;" -->
           <div class="buttons" data-aos="fade-up" data-aos-duration="700">
             <a href="{{ $p.homepage.hero_area.get_in_touch_url }}" class="button ac-button is-primary">
-              <lord-icon class="inherit-color" speed="0.50" src="https://cdn.lordicon.com/uvextprq.json" trigger="loop"
-                target="a.is-secondary" trigger="hover">
-              </lord-icon><span>GET IN TOUCH</span>
+              <span class="icon">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
+                </svg>                
+              </span>
+              <span>GET IN TOUCH</span>
             </a>
 
             <div class="play-buttons">
@@ -408,12 +411,14 @@ <h3 data-aos="fade-up" data-aos-duration="500">Get Started with AppsCode</h3>
               <div class="buttons is-justify-content-flex-end">
 
                 <a href="{{ $.Site.Params.domain_appscode }}/contact/" class="button ac-button ac-white"
-                  style="background-color: white; border: 1px solid #e7e7e7; color: #00a651;"><span>
-                    <lord-icon class="inherit-color" speed="0.50" src="https://cdn.lordicon.com/uvextprq.json"
-                      trigger="loop" target="a.is-secondary" trigger="hover"
-                      style="width:22px;height:22px; margin-right: 8px;">
-                    </lord-icon>
-                  </span>CONTACT US</a>
+                  style="background-color: white; border: 1px solid #e7e7e7; color: #00a651;">
+                    <span class="icon">
+                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
+                      </svg>                
+                    </span>
+                    <span>CONTACT US</span>
+                </a>
               </div>
             </div>
           </div>

diff --git a/layouts/products/project_simple.html b/layouts/products/project_simple.html
@@ -60,11 +60,14 @@ <h1> {{ $p.tagline | safeHTML }}</h1>
         <div class="buttons" data-aos="fade-up" data-aos-duration="700">
           <a href="/products/{{ $p.key }}/{{ $p.latestVersion }}/setup/"
             class="button ac-button is-primary">TRY NOW FREE</a>
-          <a href="{{ $.Site.Params.domain_appscode }}/contact/" class="button ac-button is-secondary"><span>
-              <lord-icon class="inherit-color" speed="0.50" src="https://cdn.lordicon.com/uvextprq.json" trigger="loop"
-                style="width:22px;height:22px; margin-right: 8px;">
-              </lord-icon>
-            </span>GET IN TOUCH</a>
+          <a href="{{ $.Site.Params.domain_appscode }}/contact/" class="button ac-button is-secondary">
+            <span class="icon">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
+              </svg>                
+            </span>
+           <span>GET IN TOUCH</span>
+          </a>
         </div>
 
       </div>