mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-03 18:08:30 +02:00
trean
6c4f2bb72c
# Conflicts: # qdrant-landing/themes/qdrant-2024/layouts/partials/testimonial-light.html
269 lines
11 KiB
HTML
269 lines
11 KiB
HTML
<section class="qdrant-pricing-features">
|
|
<div class="container">
|
|
<div class="qdrant-pricing-features__header">
|
|
<h2 class="qdrant-pricing-features__title">{{ .Params.title }}</h2>
|
|
<div class="qdrant-pricing-features__tabs">
|
|
<button class="qdrant-pricing-features__tab qdrant-pricing-features__tab--active" data-tab="managed">
|
|
Managed
|
|
</button>
|
|
<button class="qdrant-pricing-features__tab" data-tab="on-premise">On-Premise</button>
|
|
</div>
|
|
</div>
|
|
|
|
{{/* Mobile tier tabs */}}
|
|
<div class="qdrant-pricing-features__tier-tabs">
|
|
{{ range $index, $tier := .Params.tiers }}
|
|
<button
|
|
class="qdrant-pricing-features__tier-tab{{ if eq $index 0 }}
|
|
qdrant-pricing-features__tier-tab--active
|
|
{{ end }}"
|
|
data-tier="{{ $tier.name | urlize }}"
|
|
>
|
|
{{ $tier.name }}
|
|
</button>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="qdrant-pricing-features__table">
|
|
<div class="qdrant-pricing-features__table-header">
|
|
<div class="qdrant-pricing-features__table-cell qdrant-pricing-features__table-cell--feature"></div>
|
|
{{ range .Params.tiers }}
|
|
<div
|
|
class="qdrant-pricing-features__table-cell qdrant-pricing-features__table-cell--tier{{ if .highlight }}
|
|
qdrant-pricing-features__table-cell--highlight
|
|
{{ end }}"
|
|
data-tier-col="{{ .name | urlize }}"
|
|
>
|
|
{{ .name }}
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="qdrant-pricing-features__table-body">
|
|
{{ range .Params.sections }}
|
|
<div class="qdrant-pricing-features__table-section">
|
|
<div class="qdrant-pricing-features__table-section-header">
|
|
<span class="qdrant-pricing-features__table-section-title">{{ .name }}</span>
|
|
<svg
|
|
class="qdrant-pricing-features__chevron"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M5 12.5L10 7.5L15 12.5"
|
|
stroke="currentColor"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div class="qdrant-pricing-features__table-section-rows">
|
|
{{ range .features }}
|
|
<div class="qdrant-pricing-features__table-row">
|
|
<div class="qdrant-pricing-features__table-cell qdrant-pricing-features__table-cell--feature">
|
|
{{ .name }}
|
|
</div>
|
|
<div class="qdrant-pricing-features__table-cell" data-tier-col="oss">
|
|
{{ if eq .oss true }}
|
|
<svg
|
|
class="qdrant-pricing-features__check"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M16.6667 5L7.50001 14.1667L3.33334 10"
|
|
stroke="#2F6FF0"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else if eq .oss false }}
|
|
<svg
|
|
class="qdrant-pricing-features__x"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15 5L5 15M5 5L15 15"
|
|
stroke="#717C99"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else }}
|
|
<span class="qdrant-pricing-features__text">{{ .oss }}</span>
|
|
{{ end }}
|
|
</div>
|
|
<div class="qdrant-pricing-features__table-cell" data-tier-col="free-tier">
|
|
{{ if eq .free true }}
|
|
<svg
|
|
class="qdrant-pricing-features__check"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M16.6667 5L7.50001 14.1667L3.33334 10"
|
|
stroke="#2F6FF0"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else if eq .free false }}
|
|
<svg
|
|
class="qdrant-pricing-features__x"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15 5L5 15M5 5L15 15"
|
|
stroke="#717C99"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else }}
|
|
<span class="qdrant-pricing-features__text">{{ .free }}</span>
|
|
{{ end }}
|
|
</div>
|
|
<div
|
|
class="qdrant-pricing-features__table-cell qdrant-pricing-features__table-cell--highlight"
|
|
data-tier-col="paid-tier"
|
|
>
|
|
{{ if eq .paid true }}
|
|
<svg
|
|
class="qdrant-pricing-features__check"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M16.6667 5L7.50001 14.1667L3.33334 10"
|
|
stroke="#2F6FF0"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else if eq .paid false }}
|
|
<svg
|
|
class="qdrant-pricing-features__x"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15 5L5 15M5 5L15 15"
|
|
stroke="#717C99"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else }}
|
|
<span class="qdrant-pricing-features__text qdrant-pricing-features__text--bold">{{ .paid }}</span>
|
|
{{ end }}
|
|
</div>
|
|
<div class="qdrant-pricing-features__table-cell" data-tier-col="premium-tier">
|
|
{{ if eq .premium true }}
|
|
<svg
|
|
class="qdrant-pricing-features__check"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M16.6667 5L7.50001 14.1667L3.33334 10"
|
|
stroke="#2F6FF0"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else if eq .premium false }}
|
|
<svg
|
|
class="qdrant-pricing-features__x"
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15 5L5 15M5 5L15 15"
|
|
stroke="#717C99"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
{{ else }}
|
|
<span class="qdrant-pricing-features__text qdrant-pricing-features__text--bold"
|
|
>{{ .premium }}</span
|
|
>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
|
|
<div class="qdrant-pricing-features__table-footer">
|
|
<div class="qdrant-pricing-features__table-cell qdrant-pricing-features__table-cell--feature"></div>
|
|
{{ range $index, $cta := .Params.ctas }}
|
|
<div
|
|
class="qdrant-pricing-features__table-cell qdrant-pricing-features__table-cell--cta{{ if eq $index 2 }}
|
|
qdrant-pricing-features__table-cell--highlight
|
|
{{ end }}"
|
|
data-tier-col="{{ index (slice "oss" "free-tier" "paid-tier" "premium-tier") $index }}"
|
|
>
|
|
<a
|
|
href="{{ $cta.url }}"
|
|
class="button {{ if $cta.contained }}
|
|
button_contained
|
|
{{ else }}
|
|
button_outlined
|
|
{{ end }}"
|
|
>
|
|
{{ $cta.text }}
|
|
</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
|
|
{{ with .Params.compareButton }}
|
|
<div class="qdrant-pricing-features__compare">
|
|
<a href="{{ .url }}" class="button button_outlined">{{ .text }}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|