Files
landing_page/qdrant-landing/themes/qdrant-2024/layouts/partials/subscribe.html
T
trean a91908cf72 Optimize the image on the subscribe page (#1247)
* optimize image on the subscribe page

* mobile files, fix
2024-10-23 14:24:36 +02:00

49 lines
2.1 KiB
HTML

<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>
<picture>
<source srcset="{{ .Params.image.src }}" type="image/png" />
<img
class="subscribe-body__image"
src="{{ .Params.image.src | replaceRE "\\.[^.]+$" ".png" }} "
alt="{{ .Params.image.alt }}"
loading="lazy"
/>
</picture>
<picture>
<source srcset="{{ .Params.image.srcMobile }}" type="image/png" />
<img
class="subscribe-body__image-mobile"
src="{{ .Params.image.srcMobile | replaceRE "\\.[^.]+$" ".png" }}"
alt="{{ .Params.image.alt }}"
loading="lazy"
/>
</picture>
</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>