mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-05 19:08:32 +02:00
Update HR-Tech page (#2286)
* Update HR-Tech page * delete comments * fixes * small fix
This commit is contained in:
nastyapash
@@ -1,28 +1,14 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "site-header" . }}
|
||||
|
||||
{{ with (.Site.GetPage "hr-tech/hero") }}
|
||||
{{ partial "hr-tech/hr-tech-hero" . }}
|
||||
{{ end }}
|
||||
{{ range .Params.sections }}
|
||||
{{ $type := .type }}
|
||||
{{ $special := dict
|
||||
"cta-banner" "partials/cta-banner.html"
|
||||
}}
|
||||
|
||||
{{ with (.Site.GetPage "/hr-tech/testimonial-light") }}
|
||||
{{ partial "testimonial-light" (dict "context" . "class" "customers-testimonial pb-5 pb-lg-7") }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/hr-tech/help") }}
|
||||
{{ partial "hr-tech/hr-tech-help" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/hr-tech/features") }}
|
||||
{{ partial "hr-tech/hr-tech-features" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/hr-tech/why-qdrant") }}
|
||||
{{ partial "hr-tech/hr-tech-why-qdrant" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ with (.Site.GetPage "/hr-tech/get-contacted") }}
|
||||
{{ partial "cta-banner" . }}
|
||||
{{ $partialPath := (index $special $type) | default (printf "partials/industries/industries-%s.html" $type) }}
|
||||
{{ partial $partialPath (dict "Params" .) }}
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="cta-banner__background" style="background-image: url('{{ $background.src }}');{{ if $background.webp }} background-image: image-set(url('{{ $background.webp }}') type('image/webp'), url('{{ $background.src }}') type('image/png'));{{ end }}"></div>
|
||||
<div class="cta-banner__content">
|
||||
<div class="cta-banner__text">
|
||||
<h2 class="cta-banner__title">{{ .Params.title }}</h2>
|
||||
<h2 class="cta-banner__title">{{ .Params.title | safeHTML }}</h2>
|
||||
{{ if .Params.description }}
|
||||
<p class="cta-banner__description">{{ .Params.description }}</p>
|
||||
{{ end }}
|
||||
|
||||
+68
@@ -0,0 +1,68 @@
|
||||
<section class="industries-architecture">
|
||||
<div class="container">
|
||||
<h3 class="industries-architecture__title">{{ .Params.title }}</h3>
|
||||
<p class="industries-architecture__description">{{ .Params.description }}</p>
|
||||
|
||||
<div class="industries-architecture__sections">
|
||||
{{ range .Params.sections }}
|
||||
<div class="row g-1 industries-architecture__section">
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="industries-architecture__checklist">
|
||||
<div class="industries-architecture__checklist-top">
|
||||
<h4 class="industries-architecture__checklist-title">{{ .title }}</h4>
|
||||
<p class="industries-architecture__checklist-description">{{ .description }}</p>
|
||||
</div>
|
||||
|
||||
<div class="industries-architecture__checklist-bottom">
|
||||
<a class="link link_md industries-architecture__checklist-link" href="{{ .link.href }}">
|
||||
{{ .link.text }}
|
||||
</a>
|
||||
<div class="industries-architecture__checklist-steps">
|
||||
{{ range .steps }}
|
||||
<div class="industries-architecture__checklist-step">
|
||||
<div class="industries-architecture__checklist-step-top">
|
||||
<img src="/icons/outline/circle-check-green.svg" alt="Check" />
|
||||
<h6 class="industries-architecture__checklist-step-title">{{ .title }}</h6>
|
||||
</div>
|
||||
<p class="industries-architecture__checklist-step-description">{{ .description }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="industries-architecture__code">
|
||||
<div class="industries-architecture__code-tabs">
|
||||
<button class="industries-architecture__code-tabs-button">{{ .language }}</button>
|
||||
<button class="industries-architecture__code-button industries-architecture__code-copy">
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_14927_49916)">
|
||||
<path d="M2 8C1.45 8 1 7.55 1 7V2C1 1.45 1.45 1 2 1H7C7.55 1 8 1.45 8 2M5 4H10C10.5523 4 11 4.44771 11 5V10C11 10.5523 10.5523 11 10 11H5C4.44771 11 4 10.5523 4 10V5C4 4.44771 4.44771 4 5 4Z" stroke="#B4BACC" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_14927_49916">
|
||||
<rect width="12" height="12" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="industries-architecture__code-button industries-architecture__code-done">
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 3L4.5 8.5L2 6" stroke="#F0F3FA" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="industries-architecture__code-content">
|
||||
{{ with .code }}
|
||||
{{ $lang := $.Params.language | default "python" }}
|
||||
{{ highlight . $lang "" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
<section class="industries-bento-cards{{ if .Params.subtitle }} industries-bento-cards-with-subtitle{{ end }}">
|
||||
<div class="container">
|
||||
<div class="industries-bento-cards__header">
|
||||
{{ if .Params.subtitle }}
|
||||
<p class="industries-bento-cards__subtitle">{{ .Params.subtitle }}</p>
|
||||
{{ end }}
|
||||
<h3 class="industries-bento-cards__title">{{ .Params.title }}</h3>
|
||||
{{ if .Params.description }}
|
||||
<p class="industries-bento-cards__description">{{ .Params.description }}</p>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
{{ $mdCol := cond (eq (len .Params.cards) 3) "col-md-4" "col-md-6" }}
|
||||
{{ range .Params.cards }}
|
||||
<div class="col-12 {{ $mdCol }}">
|
||||
<div
|
||||
class="card industries-bento-cards__card{{ if .chips }} industries-bento-cards__card-with-chips{{ end }}"
|
||||
>
|
||||
<img class="industries-bento-cards__card-icon" src="{{ .icon.src }}" alt="{{ .icon.alt }}" />
|
||||
<h6 class="industries-bento-cards__card-title">{{ .title }}</h6>
|
||||
<p class="industries-bento-cards__card-description">{{ .description }}</p>
|
||||
{{ if .chips }}
|
||||
<div class="industries-bento-cards__card-chips">
|
||||
{{ range .chips }}
|
||||
<a class="industries-bento-cards__card-chips-link" href="{{ .link }}">{{ .title }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
<section
|
||||
class="industries-case-studies{{ if ge (len .Params.caseStudies) 4 }} industries-case-studies__active-slider{{ end }}"
|
||||
>
|
||||
<div class="container industries-case-studies__container">
|
||||
<div class="industries-case-studies__header">
|
||||
<h2 class="industries-case-studies__title">{{ .Params.title }}</h2>
|
||||
<div class="industries-case-studies__controls">
|
||||
<button type="button" class="industries-case-studies__arrow industries-case-studies__arrow--prev" aria-label="Previous slide">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M36.6668 20H3.3335M3.3335 20L15.0002 31.6667M3.3335 20L15.0002 8.33337" stroke="#161E33" stroke-width="3.33333" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button type="button" class="industries-case-studies__arrow industries-case-studies__arrow--next" aria-label="Next slide">
|
||||
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M25 8.33337L36.6667 20L25 31.6667" stroke="#161E33" stroke-width="3.33333" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3.3335 20H36.6668" stroke="#161E33" stroke-width="3.33333" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="industries-case-studies__carousel">
|
||||
<div class="industries-case-studies__track">
|
||||
{{ range .Params.caseStudies }}
|
||||
<div class="industries-case-studies__slide">
|
||||
<div class="card industries-case-studies__card">
|
||||
<h4 class="industries-case-studies__card-title">{{ .title }}</h4>
|
||||
<p class="industries-case-studies__card-description">{{ .description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
<section class="industries-dark-banner">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="industries-dark-banner__block">
|
||||
<div class="industries-dark-banner__logo">
|
||||
<img src="{{ .Params.logo.src }}" alt="{{ .Params.logo.alt }}">
|
||||
</div>
|
||||
<div class="industries-dark-banner__content">
|
||||
<p class="industries-dark-banner__content-description">{{ .Params.description }}</p>
|
||||
<p class="industries-dark-banner__content-industry">{{ .Params.industry }}</p>
|
||||
</div>
|
||||
<div class="industries-dark-banner__metric">
|
||||
<h3 class="industries-dark-banner__metric-rate">{{ .Params.metric.rate }}</h3>
|
||||
<p class="industries-dark-banner__metric-description">{{ .Params.metric.description }}</p>
|
||||
<a class="link link_md industries-dark-banner__metric-link" href="{{ .Params.link.href }}">{{ .Params.link.text }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,6 @@
|
||||
<section class="industries-faq">
|
||||
<div class="container">
|
||||
<h2 class="industries-faq__title">{{ .Params.title }}</h2>
|
||||
{{ partial "accordion" . }}
|
||||
</div>
|
||||
</section>
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
<section class="industries-get-contacted">
|
||||
<div class="container">
|
||||
<div class="industries-get-contacted__content col-12">
|
||||
<div>
|
||||
<h3 class="industries-get-contacted__title">{{ .Params.title }}</h3>
|
||||
<p class="industries-get-contacted__description">{{ .Params.description }}</p>
|
||||
</div>
|
||||
<a href="{{ .Params.contactUs.url }}" class="{{ .class }}__button button button_contained">
|
||||
{{ .Params.contactUs.text | safeHTML }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,101 @@
|
||||
<section class="industries-hero">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="industries-hero__content col-12 col-lg-7">
|
||||
<div class="industries-hero__badge">
|
||||
<img src="{{ .Params.badge.icon.src }}" alt="{{ .Params.badge.icon.alt }}">
|
||||
<span>{{ .Params.badge.title }}</span>
|
||||
</div>
|
||||
<h1 class="industries-hero__title">{{ .Params.title }}</h1>
|
||||
<p class="industries-hero__description">{{ .Params.description }}</p>
|
||||
<div class="industries-hero__buttons">
|
||||
<a href="{{ .Params.containedButton.url }}" class="button button_contained button_lg">
|
||||
{{ .Params.containedButton.text }}
|
||||
</a>
|
||||
<a href="{{ .Params.outlinedButton.url }}" class="button button_outlined button_lg">
|
||||
{{ .Params.outlinedButton.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-5">
|
||||
<div class="industries-hero__block">
|
||||
<div class="industries-hero__tabs">
|
||||
<button>Code</button>
|
||||
<button>Steps</button>
|
||||
</div>
|
||||
<div class="industries-hero__code">
|
||||
<div class="industries-hero__code-tabs">
|
||||
<button class="industries-hero__code-tab">{{ .Params.language }}</button>
|
||||
<button class="industries-hero__code-button industries-hero__code-expand">
|
||||
<span>Expand</span>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.66699 10.0004L8.00049 13.3339L11.334 10.0004M4.66699 6.00025L8.00049 2.66675L11.334 6.00025" stroke="#B4BACC" stroke-width="1.3334" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="industries-hero__code-button industries-hero__code-collapse">
|
||||
<span>Collapse</span>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.66699 13.3339L8.00049 10.0004L11.334 13.3339M4.66699 2.66675L8.00049 6.00025L11.334 2.66675" stroke="#B4BACC" stroke-width="1.3334" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="industries-hero__code-content">
|
||||
{{ with .Params.code }}
|
||||
{{ $lang := $.Params.language | default "python" }}
|
||||
{{ highlight . $lang "" }}
|
||||
{{ end }}
|
||||
<button class="industries-hero__code-content-button industries-hero__code-copy">
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_14927_49916)">
|
||||
<path d="M2 8C1.45 8 1 7.55 1 7V2C1 1.45 1.45 1 2 1H7C7.55 1 8 1.45 8 2M5 4H10C10.5523 4 11 4.44771 11 5V10C11 10.5523 10.5523 11 10 11H5C4.44771 11 4 10.5523 4 10V5C4 4.44771 4.44771 4 5 4Z" stroke="#B4BACC" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_14927_49916">
|
||||
<rect width="12" height="12" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="industries-hero__code-content-button industries-hero__code-done">
|
||||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 3L4.5 8.5L2 6" stroke="#F0F3FA" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="industries-hero__steps">
|
||||
{{ range .Params.steps }}
|
||||
<div class="industries-hero__steps-item">
|
||||
<div class="industries-hero__steps-item-header">
|
||||
<img src="{{ .icon.src }}" alt="{{ .icon.alt }}">
|
||||
<h6>{{ .title }}</h6>
|
||||
</div>
|
||||
<p>{{ .description }}</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="industries-hero__mobile-buttons">
|
||||
<a href="{{ .Params.containedButton.url }}" class="button button_contained button_sm" target="_blank">
|
||||
{{ .Params.containedButton.text }}
|
||||
</a>
|
||||
<a href="{{ .Params.outlinedButton.url }}" class="button button_outlined button_sm">
|
||||
{{ .Params.outlinedButton.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="industries-hero__badges">
|
||||
{{ range .Params.badges }}
|
||||
<div class="industries-hero__badges-item">
|
||||
<img src="{{ .icon.src }}" alt="{{ .icon.alt }}">
|
||||
<span>{{ .title }}</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
<section class="industries-testimonials">
|
||||
<div class="container">
|
||||
{{ range .Params.testimonials }}
|
||||
<div class="industries-testimonials__item row{{ if .reverse }} flex-row-reverse{{ end }} g-4">
|
||||
<div class="col-12 col-lg-8">
|
||||
<div class="card industries-testimonials__card">
|
||||
<div class="industries-testimonials__card-review">
|
||||
<p class="industries-testimonials__card-review-text">{{ .review }}</p>
|
||||
<div class="industries-testimonials__card-review-block">
|
||||
<img src="{{ .author.avatar.src }}" alt="{{ .author.avatar.alt }}">
|
||||
<div>
|
||||
<p class="industries-testimonials__card-review-name">{{ .author.name }}</p>
|
||||
<p class="industries-testimonials__card-review-role">{{ .author.role }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="industries-testimonials__card-metric">
|
||||
{{ range .metric }}
|
||||
<div class="industries-testimonials__card-metric-item">
|
||||
{{ if .icon }}
|
||||
<img src="{{ .icon.src }}" alt="{{ .icon.alt }}">
|
||||
{{ end }}
|
||||
{{ if .title }}
|
||||
<h6 class="industries-testimonials__card-metric-count">{{ .title }}</h6>
|
||||
{{ end }}
|
||||
<p class="industries-testimonials__card-metric-description">{{ .description }}</p>
|
||||
</div>
|
||||
<hr class="industries-testimonials__card-metric-divider" />
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="industries-testimonials__logo">
|
||||
<img src="{{ .logo.src }}" alt="{{ .logo.alt }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
@@ -117,6 +117,11 @@
|
||||
<script src="{{ $customersJs.RelPermalink }}"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ if eq .Section "hr-tech" }}
|
||||
{{ $customersJs := resources.Get "js/industries.js" | js.Build | minify | resources.Fingerprint "sha512" }}
|
||||
<script src="{{ $customersJs.RelPermalink }}"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in (slice "blog" "articles" "course" "learn" "benchmarks" "docs" "documentation") .Section }}
|
||||
<!--popper.js for bootstrap-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user