templates/hugo-saasify-theme
1
0
Fork 0
mirror of https://github.com/chaoming/hugo-saasify-theme.git synced 2025-04-20 05:51:54 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: increase CTA vertical padding to py-10

Browse source
This commit is contained in:
Chaoming Li 2024-11-19 16:07:11 +11:00
parent a0b934f983
commit 2ad1929c01
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
layouts/shortcodes/cta.html
View file

@ -1,16 +1,18 @@
{{/* CTA Shortcode */}}
<section class="section bg-primary-600">
<section class="cta-section">
<div class="container">
<div class="text-center max-w-3xl mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">{{ .Get "title" | default "Ready to Transform Your User Experience?" }}</h2>
<p class="text-xl text-primary-100 mb-8">{{ .Get "description" | default "Join thousands of companies already using our platform to drive growth." }}</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="{{ .Get "primary_button_url" | default "#" }}" class="btn bg-white text-primary-600 hover:bg-gray-100">
{{ .Get "primary_button_text" | default "Get Started Free" }}
</a>
<a href="{{ .Get "secondary_button_url" | default "#" }}" class="btn border-2 border-white text-white hover:bg-primary-700">
{{ .Get "secondary_button_text" | default "Schedule Demo" }}
</a>
<div class="bg-primary-600 rounded-lg">
<div class="text-center max-w-3xl mx-auto px-6 py-10">
<h2 class="text-3xl md:text-4xl font-bold text-white mb-6">{{ .Get "title" | default "Ready to Transform Your User Experience?" }}</h2>
<p class="text-xl text-primary-100 mb-8">{{ .Get "description" | default "Join thousands of companies already using our platform to drive growth." }}</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="{{ .Get "primary_button_url" | default "#" }}" class="btn bg-white text-primary-600 hover:bg-gray-100">
{{ .Get "primary_button_text" | default "Get Started Free" }}
</a>
<a href="{{ .Get "secondary_button_url" | default "#" }}" class="btn border-2 border-white text-white hover:bg-primary-700">
{{ .Get "secondary_button_text" | default "Schedule Demo" }}
</a>
</div>
</div>
</div>
</div>