From 2ad1929c0145a7a6e6f9f684a397e2e9d244a673 Mon Sep 17 00:00:00 2001
From: Chaoming Li <email@chaoming.li>
Date: Tue, 19 Nov 2024 16:07:11 +1100
Subject: [PATCH] style: increase CTA vertical padding to py-10

---
 layouts/shortcodes/cta.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/layouts/shortcodes/cta.html b/layouts/shortcodes/cta.html
index 34ce8ee..7d943c8 100644
--- a/layouts/shortcodes/cta.html
+++ b/layouts/shortcodes/cta.html
@@ -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>