servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

add more prominent cta to service detail

Browse source
This commit is contained in:
Tobias Brunner 2025-05-07 09:32:06 +02:00
parent 1911a1211b
commit cbb5a4a1cb
No known key found for this signature in database
2 changed files with 27 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
hub/services/templates/services/offering_detail.html
View file

@ -143,7 +143,7 @@
{% endif %}
<!-- Plans -->
{% if offering.plans.all %}
{% if offering.plans.all %}
<div class="pt-24" id="plans" style="scroll-margin-top: 30px;">
<h3 class="fs-24 fw-semibold lh-1 mb-12">Available Plans</h3>
<div class="row">

42
hub/services/templates/services/service_detail.html
View file

@ -100,22 +100,32 @@
<div class="col-12 col-lg-9">
<div class="pr-lg-32">
<!-- Header -->
<div class="pt-60 pb-lg-60 w-lg-70">
<header>
<h2 class="fs-50 fw-semibold lh-1 mb-12">{{ service.name }}</h2>
</header>
<div class="fs-19 text-gray-500">
{% for category in service.categories.all %}
<button class="btn btn-tertiary btn-sm mr-12">{{ category.full_path }}</button>
{% endfor %}
<div class="pt-60 pb-lg-60">
<div class="row">
<div class="col-lg-8">
<header>
<h2 class="fs-50 fw-semibold lh-1 mb-12">{{ service.name }}</h2>
</header>
<div class="fs-19 text-gray-500">
{% for category in service.categories.all %}
<button class="btn btn-tertiary btn-sm mr-12">{{ category.full_path }}</button>
{% endfor %}
</div>
{% if service.tagline %}
<div class="mt-3">
<p class="fst-italic text-muted fs-19">
"{{ service.tagline }}"
</p>
</div>
{% endif %}
</div>
<div class="col-lg-4 d-flex align-items-center justify-content-lg-end mt-4 mt-lg-0">
<a href="#getit" class="btn btn-primary btn-lg px-4 py-2 fw-semibold d-flex align-items-center">
<i class="bi bi-cart me-2"></i>Get It
</a>
</div>
</div>
{% if service.tagline %}
<div class="mt-3">
<p class="fst-italic text-muted fs-19">
"{{ service.tagline }}"
</p>
</div>
{% endif %}
</div>
<!-- Description -->
@ -137,7 +147,7 @@
{% endif %}
<!-- CTA -->
<div class="pt-24">
<div class="pt-24" id="getit">
<div class="page-action">
{% if service.offerings.exists %}
<h3 class="fs-24 fw-semibold lh-1 mb-12">Get it on</h3>