Reduce bottom margin of section headings

so that they’re closer to their content visually.

layouts/index.html

@@ -59,9 +59,9 @@ <h1 class="text-white text-4xl md:text-5xl font-bold mb-16">Better WooCommerce o
 	</article>
 </section>
 <section id="features" class="pt-16 px-4 max-w-7xl mx-auto scroll-mt-16">
-	<h2 class="text-3xl md:text-4xl text-center font-bold text-gray-700 mb-8">How does Dashify make WooCommerce better?</h2>
+	<h2 class="text-3xl md:text-4xl text-center font-bold text-gray-700 mb-12">How does Dashify make WooCommerce better?</h2>
 	<div class="flex flex-row flex-wrap justify-between mb-16">
-		<div class="lg:flex flex-col justify-evenly border p-8 lg:basis-[48%] bg-white rounded-lg m-0.5 mt-8">
+		<div class="lg:flex flex-col justify-evenly border p-8 lg:basis-[48%] bg-white rounded-lg m-0.5">
 			<div class="lg:h-3/4 lg:flex items-center">
 				<img
 					src="images/order-view.webp"
@@ -74,7 +74,7 @@ <h3 class="text-2xl font-semibold text-gray-600 mb-2">Shopify-like order view</h
 				<p>Looking for user friendly order editing? Dashify’s layout puts key information such as products, order number, date, and status at the top. All actions buttons are clear and grouped together.</p>
 			</div>
 		</div>
-		<div class="lg:flex flex-col justify-evenly border p-8 lg:basis-[48%] bg-white rounded-lg m-0.5 mt-8">
+		<div class="lg:flex flex-col justify-evenly border p-8 lg:basis-[48%] bg-white rounded-lg m-0.5">
 			<div class="lg:h-4/5 lg:flex items-center">
 				<img
 					src="images/mobile-table.gif"
@@ -221,8 +221,8 @@ <h3 class="text-2xl font-semibold text-gray-600 mb-2">Auto-expanding order notes
 	</div>
 </section>
 <section id="pro" class="py-16 scroll-mt-16 bg-gray-700 text-gray-50 border-t">
-	<h2 class="text-3xl md:text-4xl text-balance px-4 text-center font-bold mb-6">Get even more WooCommerce upgrades with <span class="text-nowrap text-transparent bg-clip-text bg-gradient-to-br from-[#f74de0dd] to-[#f59f3de3]">Dashify&nbsp;Pro</span>.</h2>
-	<a href="#pricing" class="block w-fit mx-auto text-center text-gray-300 mb-8 px-3 py-2 border border-gray-300 rounded-lg hover:text-gray-200 hover:border-gray-200 transition">Jump to pricing</a>
+	<h2 class="text-3xl md:text-4xl text-balance px-4 text-center font-bold mb-4">Get even more WooCommerce upgrades with <span class="text-nowrap text-transparent bg-clip-text bg-gradient-to-br from-[#f74de0dd] to-[#f59f3de3]">Dashify&nbsp;Pro</span>.</h2>
+	<a href="#pricing" class="block w-fit mx-auto text-center text-gray-300 mb-4 px-3 py-2 border border-gray-300 rounded-lg hover:text-gray-200 hover:border-gray-200 transition">Jump to pricing</a>
 	<div class="flex flex-row flex-wrap justify-between px-4 max-w-7xl mx-auto">
 		<div id="global-search" class="scroll-mt-24 target:border-4 target:border-[#E8A04DB3] lg:flex flex-col justify-evenly bg-gradient-to-br from-gray-500 to-gray-700 border border-gray-500 p-8 lg:basis-[48%] rounded-lg m-0.5 mt-8">
 			<div class="lg:flex items-center">
@@ -296,8 +296,8 @@ <h3 class="text-2xl font-semibold mb-3">Future WooCommerce upgrades</h3>
 	</div>
 </section>
 <section id="pricing" class="py-16 px-4 bg-gray-50 border-t scroll-mt-16">
-	<h2 class="text-3xl md:text-4xl text-center font-bold text-gray-800 mb-8">Pricing</h2>
-	<div class="flex flex-col md:flex-row flex-wrap justify-evenly mt-16 mb-8 gap-16 max-w-7xl mx-auto">
+	<h2 class="text-3xl md:text-4xl text-center font-bold text-gray-800 mb-12">Pricing</h2>
+	<div class="flex flex-col md:flex-row flex-wrap justify-evenly mb-8 gap-16 max-w-7xl mx-auto">
 		<div class="flex flex-col w-full lg:w-2/5 text-gray-700 bg-gray-100 border border-gray-200 p-16 rounded-lg">
 			<h3 class="text-2xl font-semibold mb-4">Free</h3>
 			<p>Better order management at no cost.</p>
@@ -387,10 +387,10 @@ <h3 class="text-2xl font-semibold">Pro — <b>$3 USD</b> per month, per site</h3
 	</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-16">Upgrade your WooCommerce admin for free.</h2>
+	<h2 class="text-white text-4xl md:text-5xl font-bold mb-8">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"
+		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>