feat: add comprehensive Pods landing page sections

- Created new sections including benefits grid, federation design, upcoming features, and call-to-action
- Added pricing tiers component with three Pod subscription levels
- Updated existing sections with refined messaging and improved visual hierarchy
This commit is contained in:
2025-11-13 14:52:24 +01:00
parent aa6f475050
commit 7b80ab84c9
8 changed files with 501 additions and 9 deletions

View File

@@ -26,22 +26,22 @@ export function PodsHow() {
How it works
</Eyebrow>
<H3 color="white" className="mt-6">
Living in a Pod
A Pod in Action
</H3>
<P className="max-w-4xl text-gray-400 mt-6">
When you use Mycelium, everything your messages, calls, files runs directly from your Pod.
When you use Mycelium, everything runs directly from your Pod.
</P>
<ul className="max-w-4xl text-gray-400 mt-6 space-y-3 ml-4">
<li className="flex items-start gap-3">
<span className="mt-1.5 inline-block size-2 rounded-full bg-cyan-400" />
<ul className="max-w-4xl text-gray-400 mt-6 space-y-2 ml-6">
<li className="flex items-start gap-2">
<span className="mt-1 inline-block size-2 rounded-full bg-cyan-400" />
<span>When you message someone, it goes Pod to Pod, not through a central server.</span>
</li>
<li className="flex items-start gap-3">
<span className="mt-1.5 inline-block size-2 rounded-full bg-cyan-400" />
<span className="mt-1 inline-block size-2 rounded-full bg-cyan-400" />
<span>When you host a call, it runs on your Pod no third-party data centers.</span>
</li>
<li className="flex items-start gap-3">
<span className="mt-1.5 inline-block size-2 rounded-full bg-cyan-400" />
<span className="mt-1 inline-block size-2 rounded-full bg-cyan-400" />
<span>When you save a file, it stays on your Pod, encrypted and always available.</span>
</li>
</ul>