mobile cta-banner picture, tabs sync, applied cta changes from 1ac84ca, fixes, files formatting

This commit is contained in:
trean
2026-03-11 23:37:33 +01:00
parent d2b6f2612f
commit 383e9d55d8
19 changed files with 739 additions and 560 deletions
@@ -8,27 +8,60 @@
{{ with .Params.badge }}
<div class="qdrant-pricing-comparison-hero__badge">
<svg width="22" height="14" viewBox="0 0 21.7954 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.7954 10.0172C21.7954 12.1827 20.0228 13.9499 17.8508 13.9499C17.8008 13.9499 17.5012 13.9499 15.1295 13.9499C13.4817 13.9499 10.8603 13.9499 6.69091 13.9499H4.71859C2.07219 14.0246 0 11.9089 0 9.39497C0 6.85614 2.09715 4.74045 4.76852 4.84001C7.04044 -2.27866 17.4763 -1.28304 18.375 6.10943C20.2974 6.38322 21.7954 8.02599 21.7954 10.0172Z" fill="url(#cloud-grad-a)"/>
<path d="M11.4356 14C15.3101 14 18.4511 10.8686 18.4511 7.00578C18.4511 3.14298 15.3101 0.011557 11.4356 0.011557C7.56105 0.011557 4.42012 3.14298 4.42012 7.00578C4.42012 10.8686 7.56105 14 11.4356 14Z" fill="url(#cloud-grad-b)"/>
<path d="M17.8503 13.95C20.0289 13.95 21.795 12.1893 21.795 10.0173C21.795 7.84534 20.0289 6.08461 17.8503 6.08461C15.6717 6.08461 13.9057 7.84534 13.9057 10.0173C13.9057 12.1893 15.6717 13.95 17.8503 13.95Z" fill="url(#cloud-grad-c)"/>
<path
d="M21.7954 10.0172C21.7954 12.1827 20.0228 13.9499 17.8508 13.9499C17.8008 13.9499 17.5012 13.9499 15.1295 13.9499C13.4817 13.9499 10.8603 13.9499 6.69091 13.9499H4.71859C2.07219 14.0246 0 11.9089 0 9.39497C0 6.85614 2.09715 4.74045 4.76852 4.84001C7.04044 -2.27866 17.4763 -1.28304 18.375 6.10943C20.2974 6.38322 21.7954 8.02599 21.7954 10.0172Z"
fill="url(#cloud-grad-a)"
/>
<path
d="M11.4356 14C15.3101 14 18.4511 10.8686 18.4511 7.00578C18.4511 3.14298 15.3101 0.011557 11.4356 0.011557C7.56105 0.011557 4.42012 3.14298 4.42012 7.00578C4.42012 10.8686 7.56105 14 11.4356 14Z"
fill="url(#cloud-grad-b)"
/>
<path
d="M17.8503 13.95C20.0289 13.95 21.795 12.1893 21.795 10.0173C21.795 7.84534 20.0289 6.08461 17.8503 6.08461C15.6717 6.08461 13.9057 7.84534 13.9057 10.0173C13.9057 12.1893 15.6717 13.95 17.8503 13.95Z"
fill="url(#cloud-grad-c)"
/>
<defs>
<linearGradient id="cloud-grad-a" x1="7.64211" y1="-3.36684" x2="10.134" y2="10.1487" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9E2FE"/><stop offset="0.485" stop-color="#89A9FF"/><stop offset="1" stop-color="#2F6FF0"/>
<linearGradient
id="cloud-grad-a"
x1="7.64211"
y1="-3.36684"
x2="10.134"
y2="10.1487"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#D9E2FE" />
<stop offset="0.485" stop-color="#89A9FF" />
<stop offset="1" stop-color="#2F6FF0" />
</linearGradient>
<linearGradient id="cloud-grad-b" x1="10.019" y1="-3.61682" x2="12.207" y2="9.82415" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9E2FE"/><stop offset="0.485" stop-color="#89A9FF"/><stop offset="1" stop-color="#2F6FF0"/>
<linearGradient
id="cloud-grad-b"
x1="10.019"
y1="-3.61682"
x2="12.207"
y2="9.82415"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#D9E2FE" />
<stop offset="0.485" stop-color="#89A9FF" />
<stop offset="1" stop-color="#2F6FF0" />
</linearGradient>
<linearGradient id="cloud-grad-c" x1="15.7689" y1="-0.178481" x2="15.7064" y2="9.63656" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9E2FE"/><stop offset="0.404572" stop-color="#89A9FF"/><stop offset="1" stop-color="#2F6FF0"/>
<linearGradient
id="cloud-grad-c"
x1="15.7689"
y1="-0.178481"
x2="15.7064"
y2="9.63656"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#D9E2FE" />
<stop offset="0.404572" stop-color="#89A9FF" />
<stop offset="1" stop-color="#2F6FF0" />
</linearGradient>
</defs>
</svg>
<span>{{ .text }}</span>
<a href="{{ .url }}" class="qdrant-pricing-comparison-hero__badge-link">
<a href="{{ .url }}" class="link qdrant-pricing-comparison-hero__badge-link">
{{ .linkText }}
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.66667 3.33333L10.3333 8L5.66667 12.6667" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
{{ end }}
@@ -54,6 +87,7 @@
"tiers" .Params.tiers
"sections" .Params.sections
"ctas" .Params.ctas
) }}
)
}}
</div>
</section>
File diff suppressed because one or more lines are too long
@@ -3,253 +3,249 @@
{{ $ctas := .ctas }}
{{ $tierCols := slice "oss" "free-tier" "paid-tier" "premium-tier" }}
<div class="pricing-table">
{{/* Mobile tier tabs */}}
<div class="pricing-table__tier-tabs">
{{ range $index, $tier := $tiers }}
<button
class="pricing-table__tier-tab{{ if eq $index 0 }}
pricing-table__tier-tab--active
{{ end }}"
data-tier="{{ $tier.name | urlize }}"
>
{{ $tier.name }}
</button>
{{ end }}
</div>
<div class="pricing-table__table">
<div class="pricing-table__table-header">
<div class="pricing-table__table-cell pricing-table__table-cell--feature"></div>
{{ range $tiers }}
<div
class="pricing-table__table-cell pricing-table__table-cell--tier{{ if .highlight }}
pricing-table__table-cell--highlight
{{/* Mobile tier tabs */}}
<div class="pricing-table__tier-tabs">
{{ range $index, $tier := $tiers }}
<button
class="pricing-table__tier-tab{{ if eq $index 0 }}
pricing-table__tier-tab--active
{{ end }}"
data-tier-col="{{ .name | urlize }}"
data-tier="{{ $tier.name | urlize }}"
>
{{ .name }}
</div>
{{ $tier.name }}
</button>
{{ end }}
</div>
<div class="pricing-table__table-body">
{{ range $sections }}
<div class="pricing-table__table-section">
<div class="pricing-table__table-section-header">
<span class="pricing-table__table-section-title">{{ .name }}</span>
<svg
class="pricing-table__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="pricing-table__table-section-rows">
{{ range .features }}
<div class="pricing-table__table-row">
<div class="pricing-table__table-cell pricing-table__table-cell--feature">
{{ .name }}
</div>
<div class="pricing-table__table-cell" data-tier-col="oss">
{{ if eq .oss true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .oss false }}
<svg
class="pricing-table__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="pricing-table__text">{{ .oss }}</span>
{{ end }}
</div>
<div class="pricing-table__table-cell" data-tier-col="free-tier">
{{ if eq .free true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .free false }}
<svg
class="pricing-table__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="pricing-table__text">{{ .free }}</span>
{{ end }}
</div>
<div
class="pricing-table__table-cell pricing-table__table-cell--highlight"
data-tier-col="paid-tier"
>
{{ if eq .paid true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .paid false }}
<svg
class="pricing-table__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="pricing-table__text pricing-table__text--bold">{{ .paid }}</span>
{{ end }}
</div>
<div class="pricing-table__table-cell" data-tier-col="premium-tier">
{{ if eq .premium true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .premium false }}
<svg
class="pricing-table__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="pricing-table__text pricing-table__text--bold"
>{{ .premium }}</span
>
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
{{ end }}
</div>
<div class="pricing-table__table-footer">
<div class="pricing-table__table-cell pricing-table__table-cell--feature"></div>
{{ range $index, $cta := $ctas }}
<div
class="pricing-table__table-cell pricing-table__table-cell--cta{{ if eq $index 2 }}
pricing-table__table-cell--highlight
{{ end }}"
data-tier-col="{{ index $tierCols $index }}"
>
<a
href="{{ $cta.url }}"
class="button {{ if $cta.contained }}
button_contained
{{ else }}
button_outlined
<div class="pricing-table__table">
<div class="pricing-table__table-header">
<div class="pricing-table__table-cell pricing-table__table-cell--feature"></div>
{{ range $tiers }}
<div
class="pricing-table__table-cell pricing-table__table-cell--tier{{ if .highlight }}
pricing-table__table-cell--highlight
{{ end }}"
data-tier-col="{{ .name | urlize }}"
>
{{ $cta.text }}
</a>
</div>
{{ end }}
{{ .name }}
</div>
{{ end }}
</div>
<div class="pricing-table__table-body">
{{ range $sections }}
<div class="pricing-table__table-section">
<div class="pricing-table__table-section-header">
<span class="pricing-table__table-section-title">{{ .name }}</span>
<svg
class="pricing-table__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="pricing-table__table-section-rows">
{{ range .features }}
<div class="pricing-table__table-row">
<div class="pricing-table__table-cell pricing-table__table-cell--feature">
{{ .name }}
</div>
<div class="pricing-table__table-cell" data-tier-col="oss">
{{ if eq .oss true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .oss false }}
<svg
class="pricing-table__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="pricing-table__text">{{ .oss }}</span>
{{ end }}
</div>
<div class="pricing-table__table-cell" data-tier-col="free-tier">
{{ if eq .free true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .free false }}
<svg
class="pricing-table__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="pricing-table__text">{{ .free }}</span>
{{ end }}
</div>
<div class="pricing-table__table-cell pricing-table__table-cell--highlight" data-tier-col="paid-tier">
{{ if eq .paid true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .paid false }}
<svg
class="pricing-table__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="pricing-table__text pricing-table__text--bold">{{ .paid }}</span>
{{ end }}
</div>
<div class="pricing-table__table-cell" data-tier-col="premium-tier">
{{ if eq .premium true }}
<svg
class="pricing-table__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="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
{{ else if eq .premium false }}
<svg
class="pricing-table__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="pricing-table__text pricing-table__text--bold">{{ .premium }}</span>
{{ end }}
</div>
</div>
{{ end }}
</div>
</div>
{{ end }}
</div>
<div class="pricing-table__table-footer">
<div class="pricing-table__table-cell pricing-table__table-cell--feature"></div>
{{ range $index, $cta := $ctas }}
<div
class="pricing-table__table-cell pricing-table__table-cell--cta{{ if eq $index 2 }}
pricing-table__table-cell--highlight
{{ end }}"
data-tier-col="{{ index $tierCols $index }}"
>
<a
href="{{ $cta.url }}"
class="button {{ if $cta.contained }}
button_contained
{{ else }}
button_outlined
{{ end }}"
>
{{ $cta.text }}
</a>
</div>
{{ end }}
</div>
</div>
</div>
</div>
@@ -2,7 +2,7 @@
<div class="container">
<div class="qdrant-pricing-features__header">
<h2 class="qdrant-pricing-features__title">{{ .Params.title }}</h2>
<div class="qdrant-pricing-features__tabs">
<div class="qdrant-pricing-features__tabs" data-tab-sync="pricing-deployment">
<button class="qdrant-pricing-features__tab qdrant-pricing-features__tab--active" data-tab="managed">
Managed
</button>
@@ -11,15 +11,13 @@
</div>
{{/* Managed table */}}
<div
class="qdrant-pricing-features__table-wrapper"
data-features-tab="managed"
>
<div class="qdrant-pricing-features__table-wrapper" data-features-tab="managed">
{{ partial "pricing/qdrant-pricing-features-table" (dict
"tiers" .Params.tiers
"sections" .Params.sections
"ctas" .Params.ctas
) }}
)
}}
</div>
{{/* On-Premise table */}}
@@ -32,7 +30,8 @@
"sections" .Params.onPremiseSections
"ctas" .Params.onPremiseCtas
"classPrefix" "qdrant-pricing-features"
) }}
)
}}
</div>
{{ with .Params.compareButton }}