refactor: improve spacing and typography in Pods CallToAction section

- Added leading-normal to description paragraphs for better readability
- Reduced top margin from mt-10 to mt-6 for benefits list and CTA cards
- Changed benefits grid gap from gap-y-3 to gap-y-1 lg:gap-y-3 for tighter mobile spacing
- Reduced horizontal gap between CTA cards from gap-x-10 to gap-x-8
This commit is contained in:
2025-11-18 12:38:41 +01:00
parent 4cf6f63139
commit 7d6bbc2763
4 changed files with 8 additions and 9 deletions

View File

@@ -52,15 +52,15 @@ export function CallToAction() {
</h2>
<p className="mt-6 text-lg text-gray-300">
<p className="mt-6 text-lg leading-normal text-gray-300">
The first Pods are launching soon.
10,000 early Pods will be available for early adopters.
</p>
<div className="mt-10 flex items-center justify-center">
<div className="mt-6 flex items-center justify-center">
<ul
role="list"
className="grid grid-cols-1 gap-x-8 gap-y-3 text-left text-base/7 text-gray-200 sm:grid-cols-2"
className="grid grid-cols-1 gap-x-8 gap-y-1 lg:gap-y-3 text-left text-base/7 text-gray-200 sm:grid-cols-2"
>
{benefits.map((benefit) => (
<li key={benefit} className="flex items-start gap-x-3">
@@ -74,14 +74,14 @@ export function CallToAction() {
</ul>
</div>
<p className="mt-6 text-lg text-gray-300">
<p className="mt-6 text-lg leading-normal text-gray-300">
Next, Pods will support peer-to-peer AI Agents that live inside your environment.
Your own AI, powered by your data without any data leaks. Be among the first to claim
your private space on the Mycelium Network.
</p>
{/* ✅ Two cards, stacked center with spacing */}
<div className="mt-10 flex flex-wrap justify-center gap-x-10 gap-y-8">
<div className="mt-6 flex flex-wrap justify-center gap-x-8 gap-y-8">
<div className="flex flex-col items-center text-center max-w-xs">
<Button to="#" variant="solid" color="cyan" className="mt-4">
Join the Waitlist