git.iko.soy/urbit.org
on master help sign in
adding description, design polish, custom og card, video trimming
f35913eGordon
pages/decentralized-discord.js+33−26
compare with master
unifiedsplit
@@ -41,9 +41,10 @@ function GuideCard({ title, description, href, className }) {
41
41
42export default function DiscordLanding({ search }) {
42export default function DiscordLanding({ search }) {
43 const post = {
43 const post = {
44− title: "Urbit is your decentralized Discord (and a lot more)",
44+ title: "Urbit is Decentralized Discord",
45 description:
45 description:
46 "There's no need to rely on centralized services to run a decentralized web3 project.",
46 "There's no need to rely on centralized services to run a decentralized web3 project.",
47+ image: "https://storage.googleapis.com/media.urbit.org/site/landing/discord-opengraph.png"
47 };
48 };
48 return (
49 return (
49 <Container>
50 <Container>
@@ -54,11 +55,12 @@ export default function DiscordLanding({ search }) {
54 <IntraNav ourSite="https://urbit.org" search={search} />
55 <IntraNav ourSite="https://urbit.org" search={search} />
55 <SingleColumn>
56 <SingleColumn>
56 <Header />
57 <Header />
57− <Section narrow className="pb-36">
58+ <Section className="pb-24">
58 <div className="flex flex-col items-center justify-center space-y-4">
59 <div className="flex flex-col items-center justify-center space-y-4">
60+ <h3 className="uppercase tracking-widest">Urbit is</h3>
59− <h1 className="text-center">Urbit is Decentralized Discord</h1>
61+ <h1 className="text-center">Decentralized Discord</h1>
60− <Link href="/ecosystem">
62+ <Link href="/ecosystem" >
61− <a>(and a lot more)</a>
63+ <a className="text-wall-400 pb-12">(and a lot more)</a>
62 </Link>
64 </Link>
63 </div>
65 </div>
64 <video autoPlay loop playsInline>
66 <video autoPlay loop playsInline>
@@ -67,18 +69,25 @@ export default function DiscordLanding({ search }) {
67 type="video/webm"
69 type="video/webm"
68 />
70 />
69 <source
71 <source
70− src="https://storage.googleapis.com/media.urbit.org/site/groupsdemo.mp4"
72+ src="https://storage.googleapis.com/media.urbit.org/site/groupsdemo-2.mp4"
71 type="video/mp4"
73 type="video/mp4"
72 />
74 />
73 </video>
75 </video>
76+
77+ <div className="md:p-16">
78+ <p className="type-ui text-center">Urbit’s Groups app allows teams, communities, and friends to get together and communicate using their own private servers.</p>
79+ <p className="type-ui pt-8 text-center">Unlike Discord, only you can delete your Urbit and identity.</p>
80+ </div>
74 </Section>
81 </Section>
82+
75 <Section className="justify-center flex-col flex items-center space-y-8">
83 <Section className="justify-center flex-col flex items-center space-y-8">
76 <h2 className="text-center">
84 <h2 className="text-center">
77 Host your own group in under 60 minutes
85 Host your own group in under 60 minutes
78 </h2>
86 </h2>
79 <p className="text-center">
87 <p className="text-center">
88+ Get immediate <Link href="/applications/~lander-dister-dozzod-dozzod/groups" >
80− Get immediate decentralized messaging, blogging, chatting, and
89+decentralized messaging, blogging, chatting, and
81− collections.
90+ collections.</Link>
82 </p>
91 </p>
83 <TwoUp>
92 <TwoUp>
84 <GuideCard
93 <GuideCard
@@ -105,10 +114,22 @@ export default function DiscordLanding({ search }) {
105 href="https://urbit.org/getting-started/desktop"
114 href="https://urbit.org/getting-started/desktop"
106 />
115 />
107 </TwoUp>
116 </TwoUp>
108− <p>
117+
109− There's no need to rely on centralized services to run a
118+
110− decentralized web3 project.
119+ <Link href="/applications/~lander-dister-dozzod-dozzod/groups">
111− </p>
120+ <a className="pt-16 flex space-x-2 text-green-400 font-semibold">
121+ <svg
122+ width="24"
123+ height="24"
124+ viewBox="0 0 24 24"
125+ fill="none"
126+ xmlns="http://www.w3.org/2000/svg"
127+ >
128+ <rect width="24" height="24" rx="5" fill="#DC5F3F" />
129+ </svg>
130+ <span>Learn more about Urbit Groups</span>
131+ </a>
132+ </Link>
112 <Link href="/overview">
133 <Link href="/overview">
113 <a className="flex space-x-2 text-green-400 font-semibold">
134 <a className="flex space-x-2 text-green-400 font-semibold">
114 <svg
135 <svg
@@ -166,20 +187,6 @@ export default function DiscordLanding({ search }) {
166 <span>Learn more about Urbit</span>
187 <span>Learn more about Urbit</span>
167 </a>
188 </a>
168 </Link>
189 </Link>
169− <Link href="/applications/~lander-dister-dozzod-dozzod/groups">
170− <a className="flex space-x-2 text-green-400 font-semibold">
171− <svg
172− width="24"
173− height="24"
174− viewBox="0 0 24 24"
175− fill="none"
176− xmlns="http://www.w3.org/2000/svg"
177− >
178− <rect width="24" height="24" rx="5" fill="#DC5F3F" />
179− </svg>
180− <span>Learn more about Urbit groups</span>
181− </a>
182− </Link>
183 </Section>
190 </Section>
184 </SingleColumn>
191 </SingleColumn>
185 <Footer />
192 <Footer />