mirror of
https://github.com/chaoming/hugo-saasify-theme.git
synced 2025-04-26 01:51:54 +02:00
7b979949c3
- Added gradient support to CTA shortcode (angle and colors) - Added gradient support to hero shortcode - Added background color support to testimonials shortcode - Updated btn-outline to use primary colors
22 lines
1.6 KiB
HTML
22 lines
1.6 KiB
HTML
{{/* CTA Shortcode */}}
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="relative rounded-lg overflow-hidden bg-primary-600" {{ with .Get "gradient-from" }}style="background:linear-gradient({{ if $.Get "gradient-angle" }}{{ $.Get "gradient-angle" }}deg{{ else }}to right{{ end }},{{ . }},{{ $.Get "gradient-to" | default . }})"{{ end }} {{ with .Get "background-image" }}style="background-image:url('{{ . }}');background-size:cover;background-position:center"{{ end }}>
|
|
{{ with .Get "background-image" }}
|
|
<div class="absolute inset-0 bg-black/30"></div>
|
|
{{ end }}
|
|
<div class="relative 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>
|
|
</section>
|