@@ -32,67 +32,73 @@ export default function Home({ posts, events }) {
3232 <Header />
3333
3434 <section className="layout-narrow pt-48">
35− <h1>A general-purpose, peer-to-peer, personal computing system.</h1>
35+ <h1>A general-purpose,</h1>
36+ <h1>peer-to-peer,</h1>
37+ <h1>personal computing system.</h1>
3638 </section>
3739
3840 <section className="layout-wide pt-48">
39− <div className="bg-yellow w-11/12 hero-card-height rounded-3xl flex">
41+ <div className="bg-wall w-11/12 hero-card-height rounded-3xl flex">
4042 <div className="pt-20 pl-12 w-7/12">
41− <div className="pb-7">
42− <h2 className="text-gray p-0 m-0">Introducing</h2><h2 className="p-0 m-0">Port</h2>
43+ <div className="pb-8">
44+ <h2 className="p-0 m-0 pb-2">Introducing</h2><h2 className="text-green p-0 m-0">Port</h2>
4345 </div>
44− <h3 className="pb-5">The Urbit client, now in beta.</h3>
45− <p className="pb-5">Port lets you... Sed iste iusto deserunt id dolores dignissimos est expedita. Earum ut et nemo et voluptatem sunt ea. Delectus sed unde fugit reiciendis. Voluptatum animi laborum fugit dolores. Dolore qui asperiores eum iusto debitis sit. Et vel dolores voluptas.</p>
46− <button className="button-lg type-ui mb-5">Download For Mac</button>
47− <a className="">View on GitHub</a>
46+ <h3 className="pb-8">The Urbit client, now in beta.</h3>
47+ <p className="pb-24">Getting into Urbit is now as simple as installing an app on your computer.</p>
48+ <button className="button-lg type-ui mb-5 bg-green">Download For Mac</button>
49+ <a className="type-ui text-gray">View on GitHub</a>
4850 </div>
4951 <div className="bg-black w-full rounded-xl hero-image-height hero-image mt-8" />
5052 </div>
5153 </section>
5254
53− <section className="layout-narrow pt-48">
54− <div className='measure'>
55− <h2 className="pb-12">Develop on Urbit</h2>
56− <h3 className="pb-12">
57− Urbit is a personal OS designed from scratch to run peer-to-peer applications.
58− </h3>
59− <p className="pb-12">
60− The entire OS is a <a>single pure function</a> that provides application developers with strong guarantees: automated persistence and memory management, repeatable builds, and support for hot code reloading.
61− </p>
62− <button className="button-lg type-ui">Contribute</button>
63− </div>
64− </section>
65−
6655 <section className="layout-narrow pt-48">
6756 <div className='flex items-center measure pb-12'>
6857 <h2 className="m-0 p-0 mr-4">Urbit Grants</h2>
69− <button className="flex bg-green type-ui px-4 items-center justify-center h-12 rounded-full">32 Open</button>
58+ <button className="flex bg-green text-white type-ui px-4 items-center justify-center h-12 rounded-full">32 Open</button>
7059 </div>
71− <h3 className="pb-12 measure">
72− Contribute to Urbit and get rewarded with address space.
73− </h3>
74− <div className="flex w-full items-center bg-lightGreen px-8 py-10 rounded-xl">
60+ <div className="flex w-full items-center bg-washedGreen px-8 py-8 rounded-xl">
7561 <div className="flex items-center flex-col p-4 w-full">
76− <h2>200+</h2>
77− <h3 className="text-gray text-center pt-4">Urbit stars awarded</h3>
62+ <h2 className="text-green">200+</h2>
63+ <h3 className="text-green text-center pt-2">Urbit stars awarded</h3>
7864 </div>
79− <div className="h-32 w-4 bg-green" />
65+ <div className="h-24 w-4 bg-lightGreen" />
8066 <div className="flex items-center flex-col p-4 w-full">
81− <h2>1M+</h2>
82− <h3 className="text-gray text-center pt-4">USD Rewarded</h3>
67+ <h2 className="text-green">1M+</h2>
68+ <h3 className="text-green text-center pt-2">USD Rewarded</h3>
8369 </div>
84− <div className="h-32 w-4 bg-green" />
70+ <div className="h-24 w-4 bg-lightGreen" />
8571 <div className="flex items-center flex-col p-4 w-full">
86− <h2>90+</h2>
87− <h3 className="text-gray text-center pt-4">Grants completed</h3>
72+ <h2 className="text-green">90+</h2>
73+ <h3 className="text-green text-center pt-2">Grants completed</h3>
8874 </div>
8975 </div>
9076 <div className='measure py-12'>
9177 <p className="pb-12">We regularly give away address space to reward community contributions, including education, promotion, and development.</p>
92− <button className="button-lg">View Grants</button>
78+ <button className="button-lg bg-green">View Grants</button>
9379 </div>
9480 </section>
9581
82+ <section className="layout-narrow pt-48">
83+ <div className='measure'>
84+ <h2 className="pb-12">Build on Urbit</h2>
85+ <h3 className="pb-12">
86+ Urbit is a personal OS designed from scratch to run peer-to-peer applications.
87+ </h3>
88+ <p className="pb-12">
89+ It solves the hard problems of implementing a peer-to-peer network (including identity, NAT traversal, and exactly-once delivery) in the kernel so app developers canfocus on business logic.
90+ </p>
91+ <p className="pb-12">
92+ The entire OS is a <a>single pure function</a> that provides application developers with strong guarantees: automated persistence and memory management, repeatable builds, and support for hot code reloading.
93+ </p>
94+ <p className="pb-12">
95+ You can get started learning how to <Link href=''><a>contribute to the project</a></Link>, or view a variety of <Link href=''><a>libraries</a></Link> for building on Urbit using the languages you already know.
96+ </p>
97+ <button className="button-lg type-ui bg-black">Read the Developer Docs</button>
98+ </div>
99+ </section>
100+
101+
96102 <section className="layout-narrow pt-48">
97103 <div className='flex items-center measure pb-12'>
98104 <button
@@ -116,9 +122,9 @@ export default function Home({ posts, events }) {
116122 <Link href={'/blog/' + post.slug} key={`post-${post.slug}`}>
117123 <div>
118124 <BackgroundImage src={post.extra.image || ''} />
119− <p className='text-black mt-2'>{post.title}</p>
125+ <p className='text-black type-h3 mt-2'>{post.title}</p>
120126 <caption className='text-black mt-2'>{post.extra.author}</caption>
121− <caption className='text-gray'>{post.date}</caption>
127+ <caption className='text-gray mt-2'>{post.date}</caption>
122128 </div>
123129 </Link>
124130 </div>