krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-10-03 18:08:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

moved pricing pages files

Browse Source 
# Conflicts:
#	qdrant-landing/themes/qdrant-2024/layouts/partials/testimonial-light.html
This commit is contained in:
trean
2026-03-11 23:33:42 +01:00
parent 12d9fe2c3c
commit 6c4f2bb72c
119 changed files with 1758 additions and 1136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
qdrant-landing/themes/qdrant-2024/layouts/partials/healthcare/healthcare-hero.html
+4 -1
View File
@@ -17,7 +17,10 @@
</a>
{{ end }}
{{ with .Params.newsletter }}
<a href="{{ .url }}" class="button button_outlined button_lg healthcare-hero__button healthcare-hero__button--secondary">
<a
href="{{ .url }}"
class="button button_outlined button_lg healthcare-hero__button healthcare-hero__button--secondary"
>
{{ .text }}
</a>
{{ end }}
qdrant-landing/themes/qdrant-2024/layouts/partials/healthcare/healthcare-use-cases.html
+73 -46
View File
@@ -1,12 +1,12 @@
<section class="healthcare-use-cases">
<div class="container">
<h2 class="healthcare-use-cases__title">{{ .Params.title }}</h2>
<div class="healthcare-use-cases__tabs">
{{ range $index, $tab := .Params.tabs }}
<button
type="button"
class="healthcare-use-cases__tab{{ if eq $index 0 }} healthcare-use-cases__tab--active{{ end }}"
<button
type="button"
class="healthcare-use-cases__tab{{ if eq $index 0 }}healthcare-use-cases__tab--active{{ end }}"
data-use-case-tab="{{ $tab.id }}"
data-slide-index="{{ $index }}"
>
@@ -17,10 +17,17 @@
<div class="healthcare-use-cases__slider">
{{ range $index, $useCase := .Params.useCases }}
<div class="healthcare-use-cases__slide{{ if eq $index 0 }} healthcare-use-cases__slide--active{{ end }}" data-slide="{{ $index }}">
<div
class="healthcare-use-cases__slide{{ if eq $index 0 }}healthcare-use-cases__slide--active{{ end }}"
data-slide="{{ $index }}"
>
<div class="healthcare-use-cases__card" style="background: {{ $useCase.gradient | safeCSS }};">
<div class="healthcare-use-cases__card-visual">
<img src="{{ $useCase.visual.src }}" alt="{{ $useCase.visual.alt }}" class="healthcare-use-cases__card-visual-img" />
<img
src="{{ $useCase.visual.src }}"
alt="{{ $useCase.visual.alt }}"
class="healthcare-use-cases__card-visual-img"
/>
</div>
<div class="healthcare-use-cases__card-content">
<h3 class="healthcare-use-cases__card-title">{{ $useCase.title }}</h3>
@@ -42,25 +49,45 @@
</div>
<div class="healthcare-use-cases__controls">
<button type="button" class="healthcare-use-cases__arrow healthcare-use-cases__arrow--prev" id="healthcare-use-cases-prev">
<button
type="button"
class="healthcare-use-cases__arrow healthcare-use-cases__arrow--prev"
id="healthcare-use-cases-prev"
>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path
d="M12.5 15L7.5 10L12.5 5"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
<div class="healthcare-use-cases__dots">
{{ range $index, $tab := .Params.tabs }}
<button
type="button"
class="healthcare-use-cases__dot{{ if eq $index 0 }} healthcare-use-cases__dot--active{{ end }}"
<button
type="button"
class="healthcare-use-cases__dot{{ if eq $index 0 }}healthcare-use-cases__dot--active{{ end }}"
data-slide-index="{{ $index }}"
>
<span></span>
</button>
{{ end }}
</div>
<button type="button" class="healthcare-use-cases__arrow healthcare-use-cases__arrow--next" id="healthcare-use-cases-next">
<button
type="button"
class="healthcare-use-cases__arrow healthcare-use-cases__arrow--next"
id="healthcare-use-cases-next"
>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.5 5L12.5 10L7.5 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path
d="M7.5 5L12.5 10L7.5 15"
stroke="currentColor"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</button>
</div>
@@ -68,47 +95,47 @@
</section>
<script>
(function() {
const section = document.querySelector('.healthcare-use-cases');
if (!section) return;
(function () {
const section = document.querySelector('.healthcare-use-cases');
if (!section) return;
const tabs = section.querySelectorAll('.healthcare-use-cases__tab');
const dots = section.querySelectorAll('.healthcare-use-cases__dot');
const slides = section.querySelectorAll('.healthcare-use-cases__slide');
const prevBtn = section.querySelector('.healthcare-use-cases__arrow--prev');
const nextBtn = section.querySelector('.healthcare-use-cases__arrow--next');
let currentIndex = 0;
const totalSlides = slides.length;
const tabs = section.querySelectorAll('.healthcare-use-cases__tab');
const dots = section.querySelectorAll('.healthcare-use-cases__dot');
const slides = section.querySelectorAll('.healthcare-use-cases__slide');
const prevBtn = section.querySelector('.healthcare-use-cases__arrow--prev');
const nextBtn = section.querySelector('.healthcare-use-cases__arrow--next');
function goToSlide(index) {
if (index < 0) index = totalSlides - 1;
if (index >= totalSlides) index = 0;
currentIndex = index;
let currentIndex = 0;
const totalSlides = slides.length;
slides.forEach((slide, i) => {
slide.classList.toggle('healthcare-use-cases__slide--active', i === index);
});
function goToSlide(index) {
if (index < 0) index = totalSlides - 1;
if (index >= totalSlides) index = 0;
currentIndex = index;
slides.forEach((slide, i) => {
slide.classList.toggle('healthcare-use-cases__slide--active', i === index);
});
tabs.forEach((tab, i) => {
tab.classList.toggle('healthcare-use-cases__tab--active', i === index);
});
dots.forEach((dot, i) => {
dot.classList.toggle('healthcare-use-cases__dot--active', i === index);
});
}
tabs.forEach((tab, i) => {
tab.classList.toggle('healthcare-use-cases__tab--active', i === index);
tab.addEventListener('click', () => goToSlide(i));
});
dots.forEach((dot, i) => {
dot.classList.toggle('healthcare-use-cases__dot--active', i === index);
dot.addEventListener('click', () => goToSlide(i));
});
}
tabs.forEach((tab, i) => {
tab.addEventListener('click', () => goToSlide(i));
});
dots.forEach((dot, i) => {
dot.addEventListener('click', () => goToSlide(i));
});
prevBtn.addEventListener('click', () => goToSlide(currentIndex - 1));
nextBtn.addEventListener('click', () => goToSlide(currentIndex + 1));
})();
prevBtn.addEventListener('click', () => goToSlide(currentIndex - 1));
nextBtn.addEventListener('click', () => goToSlide(currentIndex + 1));
})();
</script>