update free trial button with GA event

Author: anmol-algo

src/css/header.css

@@ -133,6 +133,17 @@
   margin-left: var(--column-space);
 }
 
+.free-trial-link {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--color-brand-blue-secondary);
+  text-decoration: none;
+}
+
+.free-trial-link:hover {
+  text-decoration: none;
+}
+
 .parent-site {
   /* margin: 0 10px;
   padding: 0 10px; */

src/partials/header-content.hbs

@@ -71,10 +71,14 @@
               <div class="primary-action">
                 {{#if env.ALGOLIA_API_KEY}}
                 <form class="navbar-item search" id="search">
-                  <input class="query" type="text" placeholder="Search Docs"{{#if page.home}} autofocus{{/if}}><i class="fas fa-search"></i>
+                  <input class=dataLayer"query" type="text" placeholder="Search Docs"{{#if page.home}} autofocus{{/if}}><i class="fas fa-search"></i>
                 </form>
                 {{/if}}
-                <a class="btn btn-primary try-btn" href="https://www.couchbase.com/downloads">
+                <a href="#" class="free-trial-link" onclick="(window.dataLayer=window.dataLayer||[]).push({'event':'customEvent', 'category':'CTA', 'action':'Button Click',  'label':'Free Trial'});" >
+                  <i class="fas fa-cloud"></i>
+                  Free Trial
+                </a>
+                <a class="btn btn-primary try-btn"  onclick="(window.dataLayer=window.dataLayer||[]).push({'event':'customEvent', 'category':'CTA', 'action':'Button Click',  'label':'Download'});" href="https://www.couchbase.com/downloads">
                   Downloads
                 </a>
               </div>