mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-01 17:08:30 +02:00
[WIP] New Pages (#873)
* Add Partnerspage * fix * fix padding * tablet get-started-small update * Add Customers page * incorparated site-header partial * fix * Add community page (#886) * Add community page * site-header partial on the comunity page --------- Co-authored-by: trean <trean.mi@gmail.com> * Add Brand-Resources and Subscribe pages (#930) * add Brand resources page * add Subscribe page * Add Qdrant for startups page (#934) * Add Qdrant for startups page * improve accordion and link to the form * fix * Add Stars page (#890) * Add Stars page * site-header partial on the stars page * overlay z-index fix --------- Co-authored-by: trean <trean.mi@gmail.com> * new pages content update and accompanying css and html changes (#943) * new pages content update and accompanying css and html changes * format, removed comment, fix * fixes * subscribe page hubspot form (#946) * brand resources content (#947) * Stars page content (#945) * stars page content update * stars images format, replaced stars hero image * uncommented stars menu link * update stats: github stars and discord members number * photo * stars content upd * stars list update * Startup program content (#961) * startup program hubspot form * form fixes * another form, some fixes * content upd * stars * temp build options for the startups program page --------- Co-authored-by: trean <trean.mi@gmail.com>
This commit is contained in:
@@ -0,0 +1,77 @@
|
||||
{{ with (.Site.GetPage "/brand-resources/brand-resources-content") }}
|
||||
<section class="brand-resources-content">
|
||||
<div class="brand-resources-content__container">
|
||||
<div class="brand-resources-content__block" id="logo">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.logo.title }}</h3>
|
||||
<p class="brand-resources-content__description">{{ .Params.logo.description }}</p>
|
||||
<div class="brand-resources-content__logos row g-4">
|
||||
{{ range .Params.logo.logoCards }}
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="brand-resources-content__logos-logo">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
<h6 class="brand-resources-content__logos-title">{{ .title }}</h6>
|
||||
<a class="brand-resources-content__logos-link link link_md" href="{{ .link.url }}"
|
||||
{{ if eq .link.text "Download" }}download{{ end }}
|
||||
>{{ .link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<h4 class="brand-resources-content__subtitle">{{ .Params.logo.logomarkTitle }}</h4>
|
||||
<div class="brand-resources-content__logos row g-4">
|
||||
{{ range .Params.logo.logomarkCards }}
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="brand-resources-content__logos-logo">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
<h6 class="brand-resources-content__logos-title">{{ .title }}</h6>
|
||||
<a class="brand-resources-content__logos-link link link_md" href="{{ .link.url }}"
|
||||
{{ if eq .link.text "Download" }}download{{ end }}
|
||||
>{{ .link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-resources-content__block" id="colors">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.colors.title }}</h3>
|
||||
<p class="brand-resources-content__description">{{ .Params.colors.description }}</p>
|
||||
<div class="brand-resources-content__colors">
|
||||
{{ range .Params.colors.cards }}
|
||||
<div class="brand-resources-content__colors-card" style="background: #{{ .code }}">
|
||||
<p class="brand-resources-content__colors-title">{{ .name }}</p>
|
||||
<div class="brand-resources-content__colors-code">
|
||||
<span>{{ .type }}</span>
|
||||
<span>{{ .code }}</span>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-resources-content__block" id="typography">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.typography.title }}</h3>
|
||||
<p class="brand-resources-content__description">{{ .Params.typography.description }}</p>
|
||||
<div class="card brand-resources-content__typography">
|
||||
<p class="brand-resources-content__typography-example">{{ .Params.typography.example }}</p>
|
||||
<div>
|
||||
<p class="brand-resources-content__typography-specimen">{{ .Params.typography.specimen | safeHTML }}</p>
|
||||
<a class="link link_md" href="{{ .Params.typography.link.url }}" target="_blank" rel="nofollow">{{ .Params.typography.link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brand-resources-content__block" id="trademarks">
|
||||
<h3 class="brand-resources-content__title">{{ .Params.trademarks.title }}</h3>
|
||||
<p class="brand-resources-content__description">
|
||||
{{ .Params.trademarks.description | safeHTML }}
|
||||
<a href="{{ .Params.trademarks.link.url }}">{{ .Params.trademarks.link.text }}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{ with (.Site.GetPage "/brand-resources/brand-resources-hero") }}
|
||||
<section class="brand-resources-hero">
|
||||
<div class="brand-resources-hero__overlay"></div>
|
||||
<div class="container">
|
||||
<h1 class="brand-resources-hero__title">{{ .Params.title }}</h1>
|
||||
<div class="brand-resources-hero__buttons">
|
||||
{{ range .Params.buttons }}
|
||||
<a class="button button_lg" href="{{ .url }}">{{ .text }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="case-study__content">
|
||||
<img class="case-study__logo" src="{{ .Params.caseStudy.logo.src }}" alt="{{ .Params.caseStudy.logo.alt }}" />
|
||||
<h5 class="case-study__title">{{ .Params.caseStudy.title }}</h5>
|
||||
<p class="case-study__description">{{ .Params.caseStudy.description }}</p>
|
||||
<p class="case-study__description">{{ .Params.caseStudy.description | safeHTML }}</p>
|
||||
<div class="case-study__link">
|
||||
<a class="link link_md link_light" href="{{ .Params.caseStudy.link.url }}">{{ .Params.caseStudy.link.text }}</a>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,37 @@
|
||||
{{ with (.Site.GetPage "/community/community-features") }}
|
||||
<section class="community-features">
|
||||
<div class="container">
|
||||
<h2 class="community-features__title">{{ .Params.title }}</h2>
|
||||
|
||||
<div class="community-features__resources-cards row g-4">
|
||||
{{ range $index, $element := .Params.resources }}
|
||||
<div class="col-12 {{ if or (eq $index 0) (eq $index 3) }}col-lg-7{{ else }}col-lg-5{{ end }}">
|
||||
<div class="card community-features__resources-card">
|
||||
<h6 class="community-features__resources-card-title">{{ .title }}</h6>
|
||||
<p class="community-features__resources-card-description">{{ .description }}</p>
|
||||
<a class="community-features__resources-card-link link link_md align-self-start" href="{{ .link.url }}">
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
<img class="community-features__resources-card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="row g-4 gy-lg-3">
|
||||
{{ range $index, $element := .Params.features }}
|
||||
<div class="col-12 col-lg-3">
|
||||
<div class="card community-features__card">
|
||||
<img class="community-features__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="community-features__card-title">{{ .title }}</h6>
|
||||
<p class="community-features__card-description">{{ .description }}</p>
|
||||
<a class="community-features__card-link link link_md align-self-start" href="{{ .link.url }}">
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,18 @@
|
||||
{{ with (.Site.GetPage "/community/community-hero") }}
|
||||
<section class="community-hero">
|
||||
<div class="container">
|
||||
<img class="community-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<h1 class="community-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="community-hero__description">{{ .Params.description }}</p>
|
||||
<!-- {{ with (.Site.GetPage "/headless/newsletter") }}-->
|
||||
<!-- {{ partial "hubspot-form.html" (dict "hubspotFormOptions" .Params.hubspotFormOptions "id" "community-subscribe-form" "context" . "classes" "community-hero__form") }}-->
|
||||
<!-- {{ end }}-->
|
||||
<!-- <p class="community-hero__about">{{ .Params.about }}</p>-->
|
||||
<div class="text-center">
|
||||
<a href="{{ .Params.button.link }}" class="button button_contained button_lg" target="_blank" role="button">{{ .Params.button.text }}</a>
|
||||
</div>
|
||||
<img class="community-hero__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
<div class="community-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,23 @@
|
||||
{{ with (.Site.GetPage "/community/community-testimonials") }}
|
||||
<section class="community-testimonials">
|
||||
<div class="container">
|
||||
<h2 class="community-testimonials__title">{{ .Params.title }}</h2>
|
||||
<div class="community-testimonials__cards">
|
||||
{{ range .Params.testimonials }}
|
||||
<div class="community-testimonials__card">
|
||||
<div class="community-testimonials__user">
|
||||
<div class="community-testimonials__user-avatar">
|
||||
<img src="{{ .avatar.src }}" alt="{{ .avatar.alt }}" />
|
||||
</div>
|
||||
<div class="community-testimonials__user-profile">
|
||||
<p class="community-testimonials__user-name">{{ .name }}</p>
|
||||
<p class="community-testimonials__user-nickname">{{ .nickname }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="community-testimonials__text">{{ .text | safeHTML }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -30,7 +30,16 @@
|
||||
<p class="customer-stories__card-content">{{ .content | safeHTML }}</p>
|
||||
</div>
|
||||
<div class="customer-stories__card-footer">
|
||||
<img src="{{ .author.avatar }}" alt="{{ .author.fullName }}" />
|
||||
<div class="customer-stories__avatar">
|
||||
{{ if eq (printf "%T" .author.avatar) "[]interface {}" }}
|
||||
{{ $author := .author }}
|
||||
{{ range .author.avatar }}
|
||||
<img src="{{ . }}" alt="{{ $author.fullName }}" />
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<img src="{{ .author.avatar }}" alt="{{ .author.fullName }}" />
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="customer-stories__card-author">
|
||||
<p class="customer-stories__card-author-name">{{ .author.fullName }}</p>
|
||||
<p class="customer-stories__card-author-position">{{ .author.position }}</p>
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
{{ with (.Site.GetPage "/customers/customers-case-studies") }}
|
||||
<section class="customers-case-studies">
|
||||
<div class="container">
|
||||
{{ partial "case-study" . }}
|
||||
|
||||
|
||||
<div class="customers-case-studies__cards row g-4 gx-lg-4 gy-lg-6">
|
||||
<section class="bg-mid-gray">
|
||||
{{ with (.Site.GetPage "/customers/logo-cards-2") }}
|
||||
{{ partial "logo-cards" . }}
|
||||
{{ end }}
|
||||
</section>
|
||||
|
||||
{{ range .Params.cases }}
|
||||
<div class="customers-case-studies__card col-12 col-md-6 col-lg-4">
|
||||
<div class="customers-case-studies__card-preview">
|
||||
<img class="customers-case-studies__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
<img class="customers-case-studies__card-logo" src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
<h6 class="customers-case-studies__card-title">{{ .title }}</h6>
|
||||
<a class="customers-case-studies__card-link link link_xl" href="{{ .link.url }}">{{ .link.text }}</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,13 @@
|
||||
{{ with (.Site.GetPage "/customers/customers-hero") }}
|
||||
<section class="customers-hero">
|
||||
<div class="container">
|
||||
<h1 class="customers-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="customers-hero__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
|
||||
{{ with (.Site.GetPage "customer-list") }}
|
||||
{{ .Scratch.Set "setting" (slice " dark") }}{{ partial "customer-list" . }}
|
||||
{{ end }}
|
||||
<div class="customers-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,28 @@
|
||||
{{ with (.Site.GetPage "/customers/customers-vector-space-wall") }}
|
||||
<section class="customers-vector-space-wall">
|
||||
<div class="container">
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<h2 class="customers-vector-space-wall__title">{{ .Params.title }}</h2>
|
||||
<a class="customers-vector-space-wall__link link link_xl" href="{{ .Params.link.url }}" target="_blank">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="customers-vector-space-wall__cards">
|
||||
{{ range .Params.testimonials }}
|
||||
<div class="customers-vector-space-wall__card">
|
||||
<div class="customers-vector-space-wall__user">
|
||||
<div class="customers-vector-space-wall__user-avatar">
|
||||
<img src="{{ .avatar.src }}" alt="{{ .avatar.alt }}" />
|
||||
</div>
|
||||
<div class="customers-vector-space-wall__user-profile">
|
||||
<p class="customers-vector-space-wall__user-name">{{ .name }}</p>
|
||||
<p class="customers-vector-space-wall__user-position">{{ .position }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="customers-vector-space-wall__text">{{ .text | safeHTML }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,14 +1,17 @@
|
||||
<section class="{{ .class }}">
|
||||
<div class="container">
|
||||
<div class="{{ .class }}__content">
|
||||
<div class="row justify-content-md-between align-items-md-center">
|
||||
<div class="{{ .class }}__text col-12 col-md-7">
|
||||
<div class="row">
|
||||
<div class="{{ .class }}__text col-12 col-lg-7">
|
||||
<h3 class="{{ .class }}__title">{{ .context.Params.title }}</h3>
|
||||
{{ if .context.Params.description }}
|
||||
<p class="{{ .class }}__description">{{ .context.Params.description }}</p>
|
||||
{{ end }}
|
||||
<a href="{{ .context.Params.button.url }}" class="button button_contained" target="_blank">
|
||||
{{ .context.Params.button.text }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="{{ .class }}__image col-12 col-md-4">
|
||||
<div class="{{ .class }}__image col-12 col-lg-5">
|
||||
<img src="{{ .context.Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,9 @@
|
||||
<span class="hero__stars-text">{{ .Params.githubStars.actionText }}</span>
|
||||
<span class="hero__stars-count">
|
||||
{{ .Params.githubStars.starIcon | safeHTML }}
|
||||
{{ .Params.githubStars.stars }}
|
||||
{{ with (.Site.GetPage "/headless/stats") }}
|
||||
{{ .Params.stats.githubStars }}
|
||||
{{ end }}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -2,12 +2,16 @@
|
||||
<script>
|
||||
(function() {
|
||||
const options = {{- .hubspotFormOptions | safeJS -}};
|
||||
try {
|
||||
hbspt.forms.create({
|
||||
...options,
|
||||
formInstanceId: "{{- .context.Permalink -}}#{{- .id -}}",
|
||||
pageId: "{{- .context.Permalink -}}",
|
||||
target: "#{{- .id -}}",
|
||||
});
|
||||
} catch (e) {
|
||||
document.getElementById("{{- .id -}}").innerHTML = '<p class="text-white">Here should be a form but looks like it was blocked on your side. Please, check your trackers blocking policy.</p>';
|
||||
}
|
||||
})()
|
||||
</script>
|
||||
</div>
|
||||
|
||||
@@ -128,3 +128,21 @@
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if eq .Section "qdrant-for-startups" }}
|
||||
<script>
|
||||
const accordionButtons = Array.from(document.getElementsByClassName('accordion__item-header'));
|
||||
|
||||
accordionButtons.forEach((el) => {
|
||||
el.addEventListener('click', function () {
|
||||
this.parentElement.classList.toggle('active');
|
||||
const panel = this.nextElementSibling;
|
||||
if (panel.style.maxHeight) {
|
||||
panel.style.maxHeight = null;
|
||||
} else {
|
||||
panel.style.maxHeight = panel.scrollHeight + 'px';
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<div class="row g-4">
|
||||
{{ range .Params.logos }}
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="card">
|
||||
<div class="text-center">
|
||||
{{ readFile (printf "%s%s" "static" .) | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
@@ -0,0 +1,14 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-cloud") }}
|
||||
<section class="partners-cloud">
|
||||
<div class="partners-cloud__overlay"></div>
|
||||
<div class="container">
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<h2 class="partners-cloud__title">{{ .Params.title }}</h2>
|
||||
<p class="partners-cloud__description">{{ .Params.description }}</p>
|
||||
<a href="{{ .Params.link.url }}" class="link link_xl" target="_blank">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,22 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-embeddings") }}
|
||||
<section class="partners-embeddings">
|
||||
<div class="container">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="col-12 col-lg-5">
|
||||
<h6 class="partners-embeddings__description">{{ .Params.description }}</h6>
|
||||
<a href="{{ .Params.link.url }}" class="partners-embeddings__link link link_xl link_light">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-lg-7">
|
||||
<img class="partners-embeddings__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img
|
||||
class="partners-embeddings__image-mobile"
|
||||
src="{{ .Params.image.srcMobile }}"
|
||||
alt="{{ .Params.image.alt }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,11 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-hero") }}
|
||||
<section class="partners-hero">
|
||||
<div class="partners-hero__overlay"></div>
|
||||
<div class="container">
|
||||
<h3 class="partners-hero__title">{{ .Params.title }}</h3>
|
||||
<p class="partners-hero__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
<img class="partners-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img class="partners-hero__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,28 @@
|
||||
<section class="partners-integrations">
|
||||
<div class="container">
|
||||
<div class="partners-integrations__header row">
|
||||
<div class="col-12 col-xl-6">
|
||||
<h4 class="partners-integrations__title">{{ .Params.title }}</h4>
|
||||
</div>
|
||||
<div class="col-12 col-xl-6">
|
||||
<p class="partners-integrations__description">{{ .Params.description }}</p>
|
||||
<a href="{{ .Params.link.url }}" class="partners-integrations__link link link_md link_light">
|
||||
{{ .Params.link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-4 g-lg-5">
|
||||
{{ range .Params.integrations }}
|
||||
<div class="col-12 col-md-6 col-xl-4">
|
||||
<div class="partners-integrations__card">
|
||||
<img class="partners-integrations__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<div class="partners-integrations__card-info">
|
||||
<h6 class="partners-integrations__card-title">{{ .title }}</h6>
|
||||
<p class="partners-integrations__card-description">{{ .description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,10 @@
|
||||
{{ range .context }}
|
||||
<div class="partners-solution__cards__item">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ range .context }}
|
||||
<div class="partners-solution__cards__item">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}" />
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,29 @@
|
||||
{{ with (.Site.GetPage "/partners/partners-solution") }}
|
||||
{{ $context := .Params.partners }}
|
||||
|
||||
|
||||
<section class="partners-solution">
|
||||
<div class="container">
|
||||
<h3 class="partners-solution__title">{{ .Params.title }}</h3>
|
||||
<p class="partners-solution__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="partners-solution__content">
|
||||
|
||||
<div class="partners-solution__square-grid-overlay"></div>
|
||||
<div class="partners-solution__cards__container">
|
||||
<div class="partners-solution__cards__block">
|
||||
<div class="partners-solution__cards__inner partners-solution__cards__inner_to-left">
|
||||
<span>
|
||||
{{ partial "partners-solution-cards" (dict "context" $context) }}
|
||||
</span>
|
||||
<span>
|
||||
{{ partial "partners-solution-cards" (dict "context" $context) }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,38 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-benefits") }}
|
||||
<section class="qdrant-for-startups-benefits">
|
||||
<div class="container">
|
||||
<h4 class="qdrant-for-startups-benefits__title">{{ .Params.title }}</h4>
|
||||
<div class="qdrant-for-startups-benefits__cards row g-4">
|
||||
<div class="col-12">
|
||||
<div class="card qdrant-for-startups-benefits__main-card">
|
||||
<div class="qdrant-for-startups-benefits__main-card-block">
|
||||
<h4 class="qdrant-for-startups-benefits__main-card-title">{{ .Params.mainCard.title }}</h4>
|
||||
<p class="qdrant-for-startups-benefits__main-card-description">
|
||||
{{ .Params.mainCard.description | safeHTML }}
|
||||
</p>
|
||||
</div>
|
||||
<img
|
||||
class="qdrant-for-startups-benefits__main-card-image"
|
||||
src="{{ .Params.mainCard.image.src }}"
|
||||
alt="{{ .Params.mainCard.image.alt }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="card qdrant-for-startups-benefits__card">
|
||||
<h5 class="qdrant-for-startups-benefits__card-title">{{ .title }}</h5>
|
||||
<p class="qdrant-for-startups-benefits__card-description">{{ .description }}</p>
|
||||
<img class="qdrant-for-startups-benefits__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="qdrant-for-startups-benefits__footer">
|
||||
<p class="qdrant-for-startups-benefits__description">{{ .Params.description }}</p>
|
||||
<a class="link link_xl" href="{{ .Params.link.url }}">{{ .Params.link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,19 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-faq") }}
|
||||
<section class="qdrant-for-startups-faq">
|
||||
<div class="container">
|
||||
<h2 class="qdrant-for-startups-faq__title">{{ .Params.title }}</h2>
|
||||
<div class="accordion">
|
||||
{{ range $index, $element := .Params.questions }}
|
||||
<div class="accordion__item">
|
||||
<h6 class="accordion__item-header">{{ .question }}</h6>
|
||||
<div class="accordion__item-body">
|
||||
<div class="accordion__item-body-content">
|
||||
{{ .answer | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,100 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-form") }}
|
||||
<section class="qdrant-for-startups-form" id="form">
|
||||
<div class="container">
|
||||
<h2 class="qdrant-for-startups-form__title">{{ .Params.title }}</h2>
|
||||
<!-- <form class="contact-form">-->
|
||||
<!-- <div class="contact-form__top-overlay"></div>-->
|
||||
<!-- <h6 class="contact-form__title">{{ .Params.form.title }}</h6>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs">-->
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="firstName">{{ .Params.form.firstNameLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="firstName" id="firstName" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="lastName">{{ .Params.form.lastNameLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="lastName" id="lastName" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="businessEmail">{{ .Params.form.businessEmailLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="businessEmail" id="businessEmail" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="companyName">{{ .Params.form.companyNameLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="companyName" id="companyName" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="companyUrl">{{ .Params.form.companyUrlLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="companyUrl" id="companyUrl" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="cloudProvider">{{ .Params.form.cloudProviderLabel }}</label>-->
|
||||
<!-- <input class="q-input q-input_dark-bg" type="text" name="cloudProvider" id="cloudProvider" value="" />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="productDescription">{{ .Params.form.productDescriptionLabel }}</label>-->
|
||||
<!-- <input-->
|
||||
<!-- class="q-input q-input_dark-bg"-->
|
||||
<!-- type="text"-->
|
||||
<!-- name="productDescription"-->
|
||||
<!-- id="productDescription"-->
|
||||
<!-- value=""-->
|
||||
<!-- />-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="latestFundingRound">{{ .Params.form.latestFundingRoundLabel }}</label>-->
|
||||
<!-- <div class="dropdown">-->
|
||||
<!-- <button-->
|
||||
<!-- class="dropdown__button q-input q-input_md q-input_dark-bg"-->
|
||||
<!-- type="button"-->
|
||||
<!-- name="latestFundingRound"-->
|
||||
<!-- id="latestFundingRound"-->
|
||||
<!-- value=""-->
|
||||
<!-- >-->
|
||||
<!-- Select-->
|
||||
<!-- </button>-->
|
||||
<!-- <!–<ul class="dropdown__list">-->
|
||||
<!-- <li></li>-->
|
||||
<!-- </ul>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__inputs-block">-->
|
||||
<!-- <label for="numberOfEmployees">{{ .Params.form.numberOfEmployeesLabel }}</label>-->
|
||||
<!-- <div class="dropdown">-->
|
||||
<!-- <button-->
|
||||
<!-- class="dropdown__button q-input q-input_md q-input_dark-bg"-->
|
||||
<!-- type="button"-->
|
||||
<!-- name="numberOfEmployees"-->
|
||||
<!-- id="numberOfEmployees"-->
|
||||
<!-- value=""-->
|
||||
<!-- >-->
|
||||
<!-- Select-->
|
||||
<!-- </button>-->
|
||||
<!-- <!–<ul class="dropdown__list">-->
|
||||
<!-- <li></li>-->
|
||||
<!-- </ul>–>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="contact-form__footer">-->
|
||||
<!-- <p>-->
|
||||
<!-- {{ .Params.form.info }}-->
|
||||
<!-- <a href="{{ .Params.form.link.href }}"> {{ .Params.form.link.text }}</a>-->
|
||||
<!-- </p>-->
|
||||
<!-- <button class="button button_contained" type="submit">{{ .Params.form.button }}</button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </form>-->
|
||||
|
||||
{{ partial "contact-form" .Params.form }}
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,18 @@
|
||||
{{ with (.Site.GetPage "/qdrant-for-startups/qdrant-for-startups-hero") }}
|
||||
<section class="qdrant-for-startups-hero">
|
||||
<div class="container">
|
||||
<h3 class="qdrant-for-startups-hero__title">{{ .Params.title }}</h3>
|
||||
<div class="qdrant-for-startups-hero__description">{{ .Params.description }}</div>
|
||||
<a class="qdrant-for-startups-hero__button button button_contained button_lg" href="{{ .Params.button.url }}">
|
||||
{{ .Params.button.text }}
|
||||
</a>
|
||||
</div>
|
||||
<img class="qdrant-for-startups-hero__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img
|
||||
class="qdrant-for-startups-hero__image-mobile"
|
||||
src="{{ .Params.image.srcMobile }}"
|
||||
alt="{{ .Params.image.alt }}"
|
||||
/>
|
||||
<div class="qdrant-for-startups-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,17 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-about") }}
|
||||
<section class="stars-about">
|
||||
<div class="container">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="stars-about__content col-12 col-lg-6">
|
||||
<h3 class="stars-about__title">{{ .Params.title }}</h3>
|
||||
<p class="stars-about__description">{{ .Params.descriptionFirstPart }}</p>
|
||||
<p class="stars-about__description">{{ .Params.descriptionSecondPart }}</p>
|
||||
</div>
|
||||
|
||||
<div class="stars-about__preview col-12 col-lg-6">
|
||||
<img src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,18 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-benefits") }}
|
||||
<section class="stars-benefits">
|
||||
<div class="container">
|
||||
<h4 class="stars-benefits__title">{{ .Params.title }}</h4>
|
||||
<div class="row g-4 gy-md-3">
|
||||
{{ range .Params.benefits }}
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<div class="card stars-benefits__card">
|
||||
<img class="stars-benefits__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="stars-benefits__card-title">{{ .title }}</h6>
|
||||
<p class="stars-benefits__card-description">{{ .description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,20 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-hero") }}
|
||||
<section class="stars-hero">
|
||||
<div class="container">
|
||||
<div class="row align-items-lg-center">
|
||||
<div class="stars-hero__content col-12 col-lg-6">
|
||||
<h1 class="stars-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="stars-hero__description">{{ .Params.description }}</p>
|
||||
<a href="{{ .Params.button.url }}" class="button button_contained button_md">
|
||||
{{ .Params.button.text }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="stars-hero__preview col-12 col-lg-6">
|
||||
<img src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stars-hero__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,21 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-list") }}
|
||||
<section class="stars-list">
|
||||
<div class="container">
|
||||
<h2 class="stars-list__title">{{ .Params.title }}</h2>
|
||||
<div class="stars-list__cards row g-4 gy-md-3 justify-content-center">
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<div class="stars-list__card">
|
||||
<img class="stars-list__card-image" src="{{ .image.src }}" alt="{{ .image.alt }}" />
|
||||
<h6 class="stars-list__card-title">{{ .name }}</h6>
|
||||
<p class="stars-list__card-subtitle">{{ .position }}</p>
|
||||
<p class="stars-list__card-description">{{ .description }}</p>
|
||||
<div class="stars-list__card-overlay"></div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="stars-list__overlay"></div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,36 @@
|
||||
{{ with (.Site.GetPage "/stars/stars-marketplaces") }}
|
||||
<section class="stars-marketplaces">
|
||||
<div class="stars-marketplaces__square-grid-overlay"></div>
|
||||
<div class="container">
|
||||
<div class="stars-marketplaces__cards row g-4 gy-md-3 gy-xl-0">
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<h4 class="stars-marketplaces__title">{{ .Params.title }}</h4>
|
||||
</div>
|
||||
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 col-md-6 col-xl-3">
|
||||
<div class="card stars-marketplaces__card">
|
||||
<img class="stars-marketplaces__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="stars-marketplaces__card-title">
|
||||
{{ $stats := .statsToUse }}
|
||||
{{ if $stats }}
|
||||
{{ with ($.Site.GetPage "/headless/stats") }}
|
||||
{{ printf "%s" (index .Params.stats $stats) }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ .title }}</h6>
|
||||
<p class="stars-marketplaces__card-description">{{ .description }}</p>
|
||||
<a
|
||||
class="stars-marketplaces__card-link link link_md align-self-start"
|
||||
href="{{ .link.url }}"
|
||||
target="_blank"
|
||||
>
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,30 @@
|
||||
<section class="subscribe">
|
||||
<div class="subscribe-body">
|
||||
<div class="subscribe-body__overlay"></div>
|
||||
<div class="container">
|
||||
<div class="subscribe-block">
|
||||
<h5 class="subscribe-block__title">{{ .Params.form.title }}</h5>
|
||||
<p class="subscribe-block__description">{{ .Params.form.description }}</p>
|
||||
<!-- <form class="subscribe-block__form">-->
|
||||
<!-- <label for="email">{{ .Params.form.label }}</label>-->
|
||||
<!-- <input class="q-input" id="email" name="email" type="text" placeholder="{{ .Params.form.placeholder }}" />-->
|
||||
<!-- <button class="button button_contained">{{ .Params.form.button }}</button>-->
|
||||
<!-- </form>-->
|
||||
|
||||
{{ with (.Site.GetPage "/headless/newsletter") }}
|
||||
{{ partial "hubspot-form.html" (dict "hubspotFormOptions" .Params.hubspotFormOptions "id" "subscribe-page" "context" . "classes" "subscribe-block__hs-form") }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<img class="subscribe-body__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
|
||||
<img class="subscribe-body__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
|
||||
</div>
|
||||
<div class="subscribe-header">
|
||||
<p class="subscribe-header__rights">{{ .Params.footer.rights | safeHTML }}</p>
|
||||
<a class="subscribe-header__link" href="{{ .Params.footer.termsLink.url }}">{{ .Params.footer.termsLink.text }}</a>
|
||||
<a class="subscribe-header__link" href="{{ .Params.footer.policyLink.url }}">
|
||||
{{ .Params.footer.policyLink.text }}
|
||||
</a>
|
||||
<a class="subscribe-header__link" href="{{ .Params.footer.impressumLink.url }}">{{ .Params.footer.impressumLink.text }}</a>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,26 @@
|
||||
{{ $class := .class }}
|
||||
<section class="testimonial-light {{ $class }}">
|
||||
<div class="container">
|
||||
<div class="row gy-4 gx-3">
|
||||
<div class="col-12 col-xl-9">
|
||||
<div class="testimonial-light__content">
|
||||
<p class="testimonial-light__review">{{ .context.Params.review | safeHTML }}</p>
|
||||
<div class="testimonial-light__employees">
|
||||
<div class="testimonial-light__employees-avatar">
|
||||
<img src="{{ .context.Params.avatar.src }}" alt="{{ .context.Params.avatar.alt }}" />
|
||||
</div>
|
||||
<div class="testimonial-light__employees-position">
|
||||
<p>{{ .context.Params.names }}</p>
|
||||
<p>{{ .context.Params.positions }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-xl-3">
|
||||
<div class="testimonial-light__logo">
|
||||
<img src="{{ .context.Params.logo.src }}" alt="{{ .context.Params.logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,24 +1,28 @@
|
||||
{{ with (.Site.GetPage "/enterprise-solutions/testimonial") }}
|
||||
<section class="testimonial">
|
||||
<div class="container">
|
||||
<div class="testimonial__cards">
|
||||
<div class="testimonial__content">
|
||||
<p class="testimonial__review">{{ .Params.review }}</p>
|
||||
<div class="testimonial__employees">
|
||||
<div class="testimonial__employees-avatar">
|
||||
<img src="{{ .Params.avatar.src }}" alt="{{ .Params.avatar.alt }}" />
|
||||
</div>
|
||||
<div class="testimonial__employees-position">
|
||||
<p>{{ .Params.names }}</p>
|
||||
<p>{{ .Params.positions }}</p>
|
||||
</div>
|
||||
{{ $overlayType := .overlayType }}
|
||||
<section class="testimonial">
|
||||
<div class="container">
|
||||
<div class="testimonial__cards">
|
||||
<div class="testimonial__content">
|
||||
<p class="testimonial__review">{{ .context.Params.review | safeHTML }}</p>
|
||||
<div class="testimonial__employees">
|
||||
<div class="testimonial__employees-avatar">
|
||||
<img src="{{ .context.Params.avatar.src }}" alt="{{ .context.Params.avatar.alt }}" />
|
||||
</div>
|
||||
<div class="testimonial__employees-position">
|
||||
<p>{{ .context.Params.names }}</p>
|
||||
<p>{{ .context.Params.positions }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial__logo">
|
||||
<img src="{{ .Params.logo.src }}" alt="{{ .Params.logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial__logo">
|
||||
<img src="{{ .context.Params.logo.src }}" alt="{{ .context.Params.logo.alt }}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ if eq $overlayType "bottom-overlay" }}
|
||||
<div class="testimonial__bottom-overlay"></div>
|
||||
{{ end }}
|
||||
{{ if eq $overlayType "top-and-bottom-overlay" }}
|
||||
{{ partial "top-and-bottom-overlay" (dict "context" . "class" "testimonial") }}
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user