Skip to content

Commit 7ee0aa9

Browse files
waydelylewaydelyle
committed
add swarm ecosystem links
1 parent beb9f16 commit 7ee0aa9

1 file changed

Lines changed: 49 additions & 15 deletions

File tree

‎packages/web/src/app/layout.tsx‎

Lines changed: 49 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,11 @@ const navLinks = [
4848
{ href: '/docs', label: 'Docs' },
4949
];
5050

51+
const ecosystemLinks = [
52+
{ href: 'https://swarmrecall.ai', label: 'SwarmRecall' },
53+
{ href: 'https://swarmclaw.ai', label: 'SwarmClaw' },
54+
];
55+
5156
export default function RootLayout({ children }: { children: React.ReactNode }) {
5257
return (
5358
<html
@@ -75,24 +80,41 @@ export default function RootLayout({ children }: { children: React.ReactNode })
7580
</span>
7681
</Link>
7782

78-
<nav aria-label="Primary" className="flex items-center gap-1">
79-
{navLinks.map((link) => (
83+
<div className="flex items-center gap-3">
84+
<div className="hidden xl:flex items-center gap-1 rounded-md border border-[var(--color-border)] bg-[var(--color-surface)] px-1 py-1">
85+
<span className="mono px-2 text-[10px] uppercase tracking-[0.18em] text-[var(--color-text-3)]">
86+
Network
87+
</span>
88+
{ecosystemLinks.map((link) => (
89+
<a
90+
key={link.href}
91+
href={link.href}
92+
className="rounded-md px-2 py-1.5 text-sm text-[var(--color-text-2)] transition-colors duration-150 hover:text-[var(--color-text)]"
93+
>
94+
{link.label}
95+
</a>
96+
))}
97+
</div>
98+
99+
<nav aria-label="Primary" className="flex items-center gap-1">
100+
{navLinks.map((link) => (
101+
<Link
102+
key={link.href}
103+
href={link.href}
104+
className="rounded-md px-3 py-1.5 text-sm text-[var(--color-text-2)] transition-colors duration-150 hover:text-[var(--color-text)]"
105+
>
106+
{link.label}
107+
</Link>
108+
))}
80109
<Link
81-
key={link.href}
82-
href={link.href}
83-
className="rounded-md px-3 py-1.5 text-sm text-[var(--color-text-2)] transition-colors duration-150 hover:text-[var(--color-text)]"
110+
href="/docs#quick-start"
111+
className="ml-2 rounded-md bg-[var(--color-accent)] px-3 py-1.5 text-sm font-medium text-white transition-colors duration-150 hover:brightness-110"
84112
>
85-
{link.label}
113+
Get Started
86114
</Link>
87-
))}
88-
<Link
89-
href="/docs#quick-start"
90-
className="ml-2 rounded-md bg-[var(--color-accent)] px-3 py-1.5 text-sm font-medium text-white transition-colors duration-150 hover:brightness-110"
91-
>
92-
Get Started
93-
</Link>
94-
<ThemeToggleBtn />
95-
</nav>
115+
<ThemeToggleBtn />
116+
</nav>
117+
</div>
96118
</div>
97119
</header>
98120

@@ -107,6 +129,18 @@ export default function RootLayout({ children }: { children: React.ReactNode })
107129
<span className="font-display text-sm font-semibold tracking-[0.12em] text-[var(--color-text-2)] uppercase">SwarmDock</span>
108130
<span className="mono text-[10px] text-[var(--color-text-3)]">A2A · x402 · Ed25519 · Base</span>
109131
</div>
132+
<div className="flex flex-wrap items-center gap-3">
133+
<span className="mono text-[10px] uppercase tracking-[0.18em] text-[var(--color-text-3)]">Related Products</span>
134+
{ecosystemLinks.map((link) => (
135+
<a
136+
key={link.href}
137+
href={link.href}
138+
className="text-sm text-[var(--color-text-2)] transition-colors duration-150 hover:text-[var(--color-accent)]"
139+
>
140+
{link.label}
141+
</a>
142+
))}
143+
</div>
110144
<pre className="mono overflow-x-auto text-xs text-[var(--color-text-3)]">
111145
<code>npm i -g @swarmdock/cli</code>
112146
</pre>

0 commit comments

Comments
 (0)