Skip to content

Commit 906a32e

Browse files
Takaros999Takaros999
authored
feat: Landing page (#95)
* checkpoint * update * update * spellcheck * update dark mode and remove old covers
1 parent 3ed889a commit 906a32e

16 files changed

Lines changed: 479 additions & 26 deletions

‎cspell.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -181,6 +181,7 @@
181181
"XVCJ",
182182
"Zerion",
183183
"Zeth",
184-
"zrok"
184+
"zrok",
185+
"MVPVF"
185186
]
186187
}

‎docs.json‎

Lines changed: 17 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,24 @@
33
"theme": "mint",
44
"name": "World Documentation",
55
"colors": {
6-
"primary": "#1989FB",
6+
"primary": "#007CFB",
77
"light": "#4B5563",
88
"dark": "#000000"
99
},
10+
"fonts": {
11+
"heading": {
12+
"family": "World Pro MVP",
13+
"source": "/fonts/WorldProMVPVF-v2.woff2",
14+
"format": "woff2",
15+
"weight": 300
16+
},
17+
"body": {
18+
"family": "World Pro MVP",
19+
"source": "/fonts/WorldProMVPVF-v2.woff2",
20+
"format": "woff2",
21+
"weight": 300
22+
}
23+
},
1024
"favicon": "/favicon.ico",
1125
"seo": {
1226
"metatags": {
@@ -341,8 +355,8 @@
341355
}
342356
},
343357
"logo": {
344-
"light": "/logo/world-logo.svg",
345-
"dark": "/logo/world-logo-white.svg"
358+
"light": "/logo/world-developers.svg",
359+
"dark": "/logo/world-developers-white.svg"
346360
},
347361
"navbar": {
348362
"links": [

‎fonts/WorldProMVPVF-v2.woff2‎

50.7 KB
Binary file not shown.

‎icons/landing/agentkit.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎icons/landing/deep-face.svg‎

Lines changed: 4 additions & 0 deletions
Loading

‎icons/landing/mini-app.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎icons/landing/world-chain.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎icons/landing/world-id.svg‎

Lines changed: 8 additions & 0 deletions
Loading

‎index.mdx‎

Lines changed: 109 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,118 @@
11
---
22
title: "World Developer Docs"
33
sidebarTitle: "Home"
4+
mode: "custom"
45
description: "Build Mini Apps, integrate World ID, and deploy on World Chain with official developer documentation."
56
"og:image": "https://raw.githubusercontent.com/worldcoin/developer-docs/main/images/docs/docs-meta.png"
67
"og:description": "Build with World ID, Mini Apps, and World Chain."
78
"twitter:image": "https://raw.githubusercontent.com/worldcoin/developer-docs/main/images/docs/docs-meta.png"
89
---
910

10-
<Columns cols={2}>
11-
<Card title="Integrate World ID" horizontal={true} img="/images/docs/world-id-cover.png" href="/world-id/overview">
12-
Anonymous proof of human for your website or app
13-
</Card>
14-
<Card title="Create a Mini App" horizontal={true} img="/images/docs/mini-apps-cover.png" href="/mini-apps">
15-
Mini applications distributed in World App
16-
</Card>
17-
<Card title="AgentKit" horizontal={true} img="/images/docs/agents-cover.png" href="/agents/agent-kit/integrate">
18-
Distinguish human-backed agents from bots and scripts
19-
</Card>
20-
<Card title="World Chain" horizontal={true} img="/images/docs/worldchain-cover.png" href="/world-chain">
21-
Build directly on our blockchain infrastructure
22-
</Card>
23-
</Columns>
11+
<div className="landing-container">
12+
13+
<div
14+
className="landing-hero"
15+
style={{
16+
fontSize: "40px",
17+
lineHeight: 1.3,
18+
letterSpacing: "-0.8px",
19+
fontWeight: 300,
20+
marginBottom: "48px",
21+
maxWidth: "796px",
22+
}}
23+
>
24+
Build Mini Apps, integrate World ID, and deploy on World Chain with official developer documentation.
25+
</div>
26+
27+
<div className="landing-card-grid" style={{ marginBottom: "64px" }}>
28+
29+
<a href="/world-id/overview" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}>
30+
<img src="/icons/landing/world-id.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />
31+
<div>
32+
<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>Integrate World ID</div>
33+
<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Anonymous proof of human for your website or app</div>
34+
</div>
35+
</a>
36+
37+
<a href="/mini-apps" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}>
38+
<img src="/icons/landing/mini-app.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />
39+
<div>
40+
<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>Create a Mini App</div>
41+
<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Mini applications distributed in World App</div>
42+
</div>
43+
</a>
44+
45+
<a href="/agents/agent-kit/integrate" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}>
46+
<img src="/icons/landing/agentkit.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />
47+
<div>
48+
<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>AgentKit</div>
49+
<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Distinguish human-backed agents from bots and scripts</div>
50+
</div>
51+
</a>
52+
53+
<a href="/world-chain" className="product-card" style={{ display: "flex", flexDirection: "column", justifyContent: "space-between", aspectRatio: "1 / 1", padding: "24px", borderRadius: "16px", textDecoration: "none", cursor: "pointer" }}>
54+
<img src="/icons/landing/world-chain.svg" alt="" className="product-card-icon" style={{ width: "32px", height: "32px", display: "block" }} />
55+
<div>
56+
<div className="product-card-title" style={{ fontSize: "24px", lineHeight: 1.3, letterSpacing: "-0.24px", fontWeight: 450 }}>World Chain</div>
57+
<div className="product-card-desc" style={{ fontSize: "16px", lineHeight: 1.4, fontWeight: 300, marginTop: "10px" }}>Build directly on our blockchain infrastructure</div>
58+
</div>
59+
</a>
60+
61+
</div>
62+
63+
<div style={{ display: "flex", flexDirection: "column", gap: "12px", marginBottom: "80px" }}>
64+
<a href="https://t.me/worlddevelopersupport" className="landing-link" style={{ display: "inline-flex", alignItems: "center", gap: "10px", fontSize: "16px", textDecoration: "underline", textUnderlineOffset: "4px", width: "fit-content" }}>
65+
<svg width="16" height="16" viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.121l-6.869 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.828.94z"/></svg>
66+
Telegram Support Channel
67+
</a>
68+
<a href="mailto:developers@toolsforhumanity.com" className="landing-link" style={{ display: "inline-flex", alignItems: "center", gap: "10px", fontSize: "16px", textDecoration: "underline", textUnderlineOffset: "4px", width: "fit-content" }}>
69+
<svg width="16" height="16" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
70+
Email Support
71+
</a>
72+
<a href="https://github.com/worldcoin" className="landing-link" style={{ display: "inline-flex", alignItems: "center", gap: "10px", fontSize: "16px", textDecoration: "underline", textUnderlineOffset: "4px", width: "fit-content" }}>
73+
<svg width="16" height="16" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
74+
GitHub
75+
</a>
76+
</div>
77+
78+
</div>
79+
80+
{/* Footer — full-width, outside landing-container */}
81+
<div className="landing-footer">
82+
<div className="landing-footer-inner">
83+
84+
{/* Newsletter — uncomment when provider is ready
85+
<div className="landing-newsletter">
86+
<div style={{ maxWidth: "756px", margin: "0 auto", textAlign: "center" }}>
87+
<div className="landing-newsletter-title" style={{ fontSize: "32px", lineHeight: 1.3, letterSpacing: "-0.64px", fontWeight: 300, marginBottom: "32px" }}>
88+
Subscribe to World Developers Newsletter
89+
</div>
90+
<form className="landing-email-field" style={{ display: "flex", alignItems: "center", maxWidth: "520px", margin: "0 auto", borderRadius: "30px", padding: "10px 10px 10px 24px", gap: "12px" }}>
91+
<input type="email" placeholder="Your email" className="landing-email-input" style={{ flex: 1, border: "none", outline: "none", fontSize: "20px", fontWeight: 300, background: "transparent", fontFamily: "inherit" }} />
92+
<button type="submit" style={{ width: "40px", height: "40px", borderRadius: "20px", backgroundColor: "#2D2C2C", border: "none", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }}>
93+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.5 2.8L13.2 7.5H2V8.5H13.2L8.5 13.2L9.2 13.9L15.1 8L9.2 2.1L8.5 2.8Z" fill="white"/></svg>
94+
</button>
95+
</form>
96+
<div style={{ fontSize: "12px", lineHeight: 1.4, color: "#9D9B96", marginTop: "32px", maxWidth: "605px", margin: "32px auto 0" }}>
97+
By entering your email address and clicking "Subscribe," you consent to receive newsletters, marketing communications and ecosystem updates. For details on how we process your personal data, including your rights and how to exercise them, please review our <a href="https://world.org/legal/privacy-notice" target="_blank" style={{ color: "#2D2C2C", textDecoration: "underline" }} className="landing-privacy-link">Privacy Notice</a>.
98+
</div>
99+
</div>
100+
</div>
101+
*/}
102+
103+
{/* Footer links */}
104+
<div className="landing-footer-links" style={{ display: "flex", gap: "160px", fontSize: "16px", lineHeight: 1.4, fontWeight: 300 }}>
105+
<div style={{ display: "flex", flexDirection: "column", gap: "4px" }}>
106+
<a href="https://world.org" className="landing-footer-link">About World</a>
107+
<a href="https://world.org/developers" className="landing-footer-link">Developers</a>
108+
<a href="https://whitepaper.world.org" className="landing-footer-link">Whitepaper</a>
109+
<a href="https://github.com/worldcoin" className="landing-footer-link">Open Source</a>
110+
</div>
111+
<div style={{ display: "flex", flexDirection: "column", gap: "4px" }}>
112+
<a href="https://world.org/ecosystem" className="landing-footer-link">Ecosystem</a>
113+
<a href="https://world.org/careers" className="landing-footer-link">Careers</a>
114+
</div>
115+
</div>
116+
117+
</div>
118+
</div>

0 commit comments

Comments
 (0)