diff --git a/src/pages/pods/CallToAction.tsx b/src/pages/pods/CallToAction.tsx
new file mode 100644
index 0000000..c029483
--- /dev/null
+++ b/src/pages/pods/CallToAction.tsx
@@ -0,0 +1,51 @@
+"use client";
+
+import { Button } from "@/components/Button";
+import { Container } from "@/components/Container";
+
+export function CallToAction() {
+ return (
+
+ {/* ✅ Top horizontal line with spacing */}
+
+
+
+ {/* ✅ Main boxed area */}
+
+
+
+
+ Join the First Wave
+
+
+
+ Pods are launching soon. Be among the first to claim your private space in the new internet.
+
+
+ {/* ✅ Two cards, stacked center with spacing */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* ✅ Bottom horizontal line with spacing */}
+
+
+
+ );
+}
diff --git a/src/pages/pods/PodsBenefits.tsx b/src/pages/pods/PodsBenefits.tsx
new file mode 100644
index 0000000..b117c4f
--- /dev/null
+++ b/src/pages/pods/PodsBenefits.tsx
@@ -0,0 +1,74 @@
+import { Small } from '@/components/Texts'
+
+const highlights = [
+ {
+ label: 'Identity',
+ title: 'Identity built on cryptographic keys',
+ description:
+ 'combined with familiar logins for everyday access',
+ },
+ {
+ label: 'Network',
+ title: 'Runs on the Mycelium Network',
+ description:
+ 'not on centralized cloud servers',
+ },
+ {
+ label: 'Privacy',
+ title: 'No data collection or tracking',
+ description:
+ 'Your Pod decides what to share',
+ },
+ {
+ label: 'Resilience',
+ title: 'No single point of failure',
+ description:
+ 'If one node goes offline, others keep you connected',
+ },
+ {
+ label: 'Scalability',
+ title: 'Expandable architecture',
+ description:
+ 'Each Pod can host your personal AI Agent and scale with your needs',
+ },
+]
+
+export function PodsBenefits() {
+ return (
+
+ {/* Top line */}
+
+
+
+
+
+ {highlights.map((item) => (
+
+
+
+
+
+ {item.label}
+
+
+
+ {item.title}
+
+
+
+ {item.description}
+
+
+
+ ))}
+
+
+
+
+
+
+ )
+}
diff --git a/src/pages/pods/PodsComing.tsx b/src/pages/pods/PodsComing.tsx
new file mode 100644
index 0000000..1316527
--- /dev/null
+++ b/src/pages/pods/PodsComing.tsx
@@ -0,0 +1,95 @@
+import {
+ ChatBubbleLeftRightIcon,
+ CalendarDaysIcon,
+ UsersIcon,
+ CpuChipIcon,
+} from '@heroicons/react/24/solid'
+import { Button } from '@/components/Button'
+import { Eyebrow, H4, P } from '@/components/Texts'
+
+export function PodsComing() {
+ return (
+
+
+ {/* Top horizontal line */}
+
+
+
+ {/* Main content */}
+
+
+ {/* LEFT SIDE – Title + Intro */}
+
+ COMING SOON
+
+
+ Be Among The First
+
+
+
+ The first Pods are launching soon.
+10,000 early Pods will be available for early adopters. 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.
+
+
+
+ {/* RIGHT SIDE — 4 upcoming features */}
+
+
+ {/* 1 — Private Chat & Calls */}
+
+
+
+ Private Chat & Calls
+
+
+ Peer-to-peer conversations and calling routed directly between Pods.
+
+
+
+
+ {/* 2 — Calendar & File Sync */}
+
+
+
+ Calendar & File Sync
+
+
+ Your schedules, documents, and files — synced across your Pods with no central cloud.
+
+
+
+
+ {/* 3 — Secure Team Spaces */}
+
+
+
+ Secure Team Spaces
+
+
+ Create shared Pods for teams, communities, or groups — fully encrypted, fully sovereign.
+
+
+
+
+ {/* 4 — Early AI Agent Integration */}
+
+
+
+ Early AI Agent Integration
+ 🕒
+
+
+ Host your personal AI agent inside your Pod — private, local-first, and fully under your control.
+
+
+
+
+
+
+ {/* Bottom horizontal line */}
+
+
+
+ )
+}
diff --git a/src/pages/pods/PodsDesign.tsx b/src/pages/pods/PodsDesign.tsx
new file mode 100644
index 0000000..76d37cd
--- /dev/null
+++ b/src/pages/pods/PodsDesign.tsx
@@ -0,0 +1,121 @@
+'use client'
+
+import {
+ Disclosure,
+ DisclosureButton,
+ DisclosurePanel,
+} from '@headlessui/react'
+import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline'
+
+import { Eyebrow, H3, H4 } from "@/components/Texts"
+
+
+const product = {
+ subtitle: "Federation",
+ name: "Runs on Your Own Infrastructure",
+ description: `
+
+ Each Pod lives on your own hardware or on trusted local nodes in the Mycelium Network.
+There is no central cloud and no company in the middle. You are not uploading your life to the cloud. You are running it yourself.
+
+ `,
+
+ details: [
+ {
+ name: "Your Data Lives on Your Pods",
+ description:
+ "Full control of where your data is stored and how it’s shared.",
+ },
+ {
+ name: "Direct Pod-to-Pod Networking",
+ description:
+ "Direct connections between Pods for faster, private communication.",
+ },
+ {
+ name: "No One Can Spy or Shut You Down",
+ description:
+ "Independence from corporate servers or cloud outages.",
+ },
+ {
+ name: "Resilient Even if Nodes Disconnect",
+ description:
+ "Continuous availability even if one node disconnects.",
+ },
+ ],
+}
+
+
+export function PodsDesign() {
+ return (
+
- A Pod gives you a secure digital home where communication, storage,
- identity, and collaboration remain fully under your control.
+ Pods use open standard protocols like Matrix and Nostr. Everything runs directly through the Mycelium Network.
diff --git a/src/pages/pods/PodsHow.tsx b/src/pages/pods/PodsHow.tsx
index c427bab..c26256d 100644
--- a/src/pages/pods/PodsHow.tsx
+++ b/src/pages/pods/PodsHow.tsx
@@ -26,22 +26,22 @@ export function PodsHow() {
How it works
- Living in a Pod
+ A Pod in Action
- When you use Mycelium, everything — your messages, calls, files — runs directly from your Pod.
+ When you use Mycelium, everything runs directly from your Pod.
-
-
-
+
+
+
When you message someone, it goes Pod to Pod, not through a central server.
-
+
When you host a call, it runs on your Pod — no third-party data centers.
-
+
When you save a file, it stays on your Pod, encrypted and always available.
diff --git a/src/pages/pods/PodsPage.tsx b/src/pages/pods/PodsPage.tsx
index 26d1ad5..a1489ce 100644
--- a/src/pages/pods/PodsPage.tsx
+++ b/src/pages/pods/PodsPage.tsx
@@ -2,6 +2,11 @@ import Homepod from './Homepod';
import { PodCapabilities } from './PodCapabilities';
import { PodsHow } from './PodsHow';
import { PodsFeatures } from './PodsFeatures';
+import { PodsDesign } from './PodsDesign';
+import { PodsBenefits } from './PodsBenefits';
+import { PodsComing } from './PodsComing';
+import { PodsPricing } from './PodsPricing';
+import { CallToAction } from './CallToAction';
const PodsPage = () => {
return (
@@ -10,6 +15,10 @@ const PodsPage = () => {
+
+
+
+
);
};
diff --git a/src/pages/pods/PodsPricing.tsx b/src/pages/pods/PodsPricing.tsx
new file mode 100644
index 0000000..0b6893f
--- /dev/null
+++ b/src/pages/pods/PodsPricing.tsx
@@ -0,0 +1,143 @@
+import { CheckIcon } from "@heroicons/react/20/solid";
+import { Eyebrow, H3, H4 } from "@/components/Texts";
+
+const tiers = [
+ {
+ name: "Pod Basic",
+ id: "pod-basic",
+ href: "#",
+ priceMonthly: "€3",
+ description:
+ "A sovereign starter Pod with private communication, storage, and local-first identity.",
+ features: [
+ "1 private space (chat, calls, storage)",
+ "Local-first identity (no sign-up)",
+ "Peer-to-peer encrypted networking",
+ ],
+ mostPopular: false,
+ },
+ {
+ name: "Pod Plus",
+ id: "pod-plus",
+ href: "#",
+ priceMonthly: "€5",
+ description:
+ "A multi-device Pod with team spaces and expanded tools for encrypted collaboration.",
+ features: [
+ "Team spaces & multi-device sync",
+ "Shared encrypted folders",
+ "Priority relay paths for roaming devices",
+ ],
+ mostPopular: true,
+ },
+ {
+ name: "Pod Pro",
+ id: "pod-pro",
+ href: "#",
+ priceMonthly: "€8",
+ description:
+ "Advanced Pod with AI Agent support and the upcoming private automation layer.",
+ features: [
+ "AI Agent layer (coming soon)",
+ "Federated compute support",
+ "Private AI memory stored on your Pod",
+ ],
+ mostPopular: false,
+ },
+];
+
+export function PodsPricing() {
+ return (
+
+
+ {/* Top horizontal line */}
+
+
+
+
+
+ {/* Header */}
+
+ PLANS
+
+ Choose your Pod
+
+
+
+
+ Personal, sovereign cloud environments—priced for everyone.
+
+