upd common-hero to add a second button to the security page (#2698)

qdrant-landing/content/security/hero.md

@@ -4,6 +4,9 @@ description: Security controls are available across all Qdrant Cloud deployment
 button:
   text: Explore the Security Docs
   url: /documentation/security/
+outlineButton:
+  text: Start Free
+  url: https://cloud.qdrant.io
 sitemapExclude: true
 ---
 

qdrant-landing/themes/qdrant-2024/assets/css/partials/_common-hero.scss

@@ -48,6 +48,13 @@
     max-width: pxToRem(840);
   }
 
+  &__buttons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: $spacer;
+  }
+
   @include media-breakpoint-up(md) {
     background: url('../img/serverless-hero.png') center top / cover no-repeat, $neutral-10;
     position: relative;
@@ -62,6 +69,12 @@
       left: 0;
       background: linear-gradient(0deg, #090E1A 32%, rgba(9, 14, 26, 0) 100%);
     }
+
+    &__buttons {
+      flex-direction: row;
+      justify-content: center;
+      gap: $spacer;
+    }
   }
 
   @include media-breakpoint-up(lg) {

qdrant-landing/themes/qdrant-2024/layouts/partials/common-hero.html

@@ -5,9 +5,24 @@
       <p class="common-hero__label">{{ .Params.label }}</p>
       <h1 class="common-hero__title">{{ .Params.title }}</h1>
       <p class="common-hero__description">{{ .Params.description }}</p>
-      <a href="{{ .Params.button.url }}" class="button button_contained button_lg">
-        {{ .Params.button.text }}
-      </a>
+      <div class="common-hero__buttons">
+        <a
+          href="{{ .Params.button.url }}"
+          class="button button_contained button_lg"
+          {{ if strings.HasPrefix .Params.button.url "http" }}target="_blank"{{ end }}
+        >
+          {{ .Params.button.text }}
+        </a>
+        {{ if .Params.outlineButton }}
+          <a
+            href="{{ .Params.outlineButton.url }}"
+            class="button button_outlined button_lg"
+            {{ if strings.HasPrefix .Params.outlineButton.url "http" }}target="_blank"{{ end }}
+          >
+            {{ .Params.outlineButton.text }}
+          </a>
+        {{ end }}
+      </div>
     </div>
   </div>
 </section>