47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
<div class="fade-in bg-white lg:max-w-7xl container mx-auto">
|
|
<div class="lg:py-24 py-12 relative isolate">
|
|
<div class="px-4 lg:px-8 lg:pb-24">
|
|
<p class="text-base font-light tracking-wide">{{ subtitle_1 }}</p>
|
|
<h2 class="fade-in lg:text-5xl text-4xl font-normal tracking-tight">{{ title }}</h2>
|
|
<p class="text-left mt-4 text-pretty lg:text-lg text-md font-light fade-in max-w-3xl">
|
|
{{ description }}
|
|
</p>
|
|
</div>
|
|
<div class="mx-auto max-w-7xl lg:flex lg:items-center lg:gap-x-15 lg:px-8">
|
|
<div class="my-6 lg:my-0 lg:flex lg:justify-center lg:w-1/2">
|
|
<img class="w-full max-w-lg h-auto object-cover rounded-xl" src="{{ image_src }}"
|
|
alt="{{ image_alt }}">
|
|
</div>
|
|
<div class="mx-auto max-w-lg lg:mx-0 lg:flex-auto pt-4">
|
|
<dl class="space-y-8 text-base/7 lg:max-w-none">
|
|
{% if feature_1_title %}
|
|
<div class="relative pl-9">
|
|
<dt class="font-semibold lg:text-lg text-base ">
|
|
{{ feature_1_title }}
|
|
</dt>
|
|
<dd class="mt-2 font-light">{{ feature_1_description }}</dd>
|
|
</div>
|
|
{% endif %}
|
|
{% if feature_2_title %}
|
|
<div class="relative pl-9">
|
|
<dt class="font-semibold lg:text-lg text-base ">
|
|
{{ feature_2_title }}
|
|
</dt>
|
|
<dd class="mt-2 font-light">{{ feature_2_description }}</dd>
|
|
</div>
|
|
{% endif %}
|
|
{% if feature_3_title %}
|
|
<div class="relative pl-9">
|
|
<dt class="font-semibold lg:text-lg text-base ">
|
|
{{ feature_3_title }}
|
|
</dt>
|
|
<dd class="mt-2 font-light">{{ feature_3_description }}</dd>
|
|
</div>
|
|
{% endif %}
|
|
</dl>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|