Refactor end CTA into a partial

johnjago · Jul 23, 2024 · 07c9c09 · 07c9c09
1 parent d13155e
commit 07c9c09
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 18 deletions.
diff --git a/layouts/features/single.html b/layouts/features/single.html
@@ -19,13 +19,5 @@ <h2 class="font-bold text-lg">{{ .title }}</h2>
 		{{ end }}
 	</div>
 </section>
-<section class="py-32 px-4 bg-gradient-to-b from-[#9D6095B3] to-[#E8A04DB3] border-t text-center">
-	<h2 class="text-white text-5xl font-bold mb-16">Upgrade your WooCommerce admin for free.</h2>
-	<a
-		href="/#pricing"
-		class="py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-xl font-semibold hover:shadow-lg transition"
-	>
-		Get Dashify
-</a>
-</section>
+{{ partial "end-cta.html" . }}
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
@@ -226,13 +226,5 @@ <h3 class="text-2xl font-semibold">Pro — <b>$3 USD</b> per month, per site</h3
 		</div>
 	</div>
 </section>
-<section class="py-32 px-4 bg-gradient-to-b from-[#9D6095B3] to-[#E8A04DB3] border-t text-center">
-	<h2 class="text-white text-4xl md:text-5xl font-bold mb-8">Upgrade your WooCommerce admin for free.</h2>
-	<a
-		href="/#pricing"
-		class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-xl font-semibold hover:shadow-lg transition"
-	>
-		Get Dashify
-	</a>
-</section>
+{{ partial "end-cta.html" . }}
 {{ end }}
diff --git a/layouts/partials/end-cta.html b/layouts/partials/end-cta.html
@@ -0,0 +1,9 @@
+<section class="py-32 px-4 bg-gradient-to-b from-[#9D6095B3] to-[#E8A04DB3] border-t text-center">
+	<h2 class="text-white text-4xl text-balance md:text-5xl font-bold mb-8">Upgrade your WooCommerce admin for free.</h2>
+	<a
+		href="/#pricing"
+		class="inline-block py-4 px-6 rounded-full bg-gray-800 text-gray-50 text-xl font-semibold hover:shadow-lg transition"
+	>
+		Get Dashify
+	</a>
+</section>