git.iko.soy/urbit.org
on c8ea9f2 help sign in
urbit.org/components/Footer.js
136 lines 5.5 kB history raw
1import Link from "next/link";
2import SingleColumn from "./SingleColumn";
3import Section from "./Section";
4import { contact } from "../lib/constants";
6export default function Footer() {
7 return (
8 <footer className="bg-wall-100 mt-20 w-full flex justify-center">
9 <SingleColumn>
10 <Section short className="flex flex-row flex-wrap">
11 <div className="w-1/2 md:w-1/3 flex flex-col shrink">
12 <h4 className="mt-16 mb-8">Use Urbit</h4>
13 <Link href="/getting-started" passHref>
14 <a className="type-bold text-wall-500">Getting Started</a>
15 </Link>
16 <Link href="/using" passHref>
17 <a className="type-bold text-wall-500">User's Manual</a>
18 </Link>
19 <Link href="https://github.com/urbit/port/releases" passHref>
20 <a className="type-bold text-wall-500">Urbit Client</a>
21 </Link>
22 <Link href="https://github.com/urbit/urbit/releases" passHref>
23 <a className="type-bold text-wall-500">Urbit Binaries</a>
24 </Link>
25 {
26 // <Link href="">
27 // <div>
28 // <a className="mt-2 type-bold text-wall-500">Urbit Apps</a>
29 // </div>
30 // </Link>
31 }
32 <Link href="/getting-started/planet/#hosting-providers" passHref>
33 <a className="type-bold text-wall-500">Hosting Providers</a>
34 </Link>
35 </div>
36 <div className="w-1/2 md:w-1/3 flex flex-col shrink">
37 <h4 className="mt-16 mb-8">About</h4>
38 <Link href="/understanding-urbit" passHref>
39 <a className="type-bold text-wall-500">What's Urbit?</a>
40 </Link>
41 <Link href="/understanding-urbit/urbit-id" passHref>
42 <a className="type-bold text-wall-500">Urbit ID</a>
43 </Link>
44 <Link href="/understanding-urbit/urbit-os" passHref>
45 <a className="type-bold text-wall-500">Urbit OS</a>
46 </Link>
47 <Link href="/audits" passHref>
48 <a className="type-bold text-wall-500">Security Audits</a>
49 </Link>
50 <Link href="/faq" passHref>
51 <a className="type-bold text-wall-500">FAQ</a>
52 </Link>
53 <Link href="https://media.urbit.org/whitepaper.pdf" passHref>
54 <a className="type-bold text-wall-500">Whitepaper</a>
55 </Link>
56 </div>
57 <div className="w-1/2 md:w-1/3 flex flex-col shrink">
58 <h4 className="mt-16 mb-8">News</h4>
59 <Link href="/blog" passHref>
60 <a className="type-bold text-wall-500">Blog</a>
61 </Link>
62 <Link href="/events" passHref>
63 <a className="type-bold text-wall-500">Events</a>
64 </Link>
65 <Link href="/updates" passHref>
66 <a className="type-bold text-wall-500">Updates</a>
67 </Link>
68 </div>
70 <div className="w-1/2 md:w-1/3 flex flex-col">
71 <h4 className="mt-16 mb-8">Develop</h4>
72 <Link href="/docs" passHref>
73 <a className="type-bold text-wall-500">Documentation</a>
74 </Link>
75 <Link href="https://github.com/urbit" passHref>
76 <a className="type-bold text-wall-500">Github</a>
77 </Link>
78 <Link
79 href="https://github.com/urbit/awesome-urbit#http-apis-airlock"
80 passHref
81 >
82 <a className="type-bold text-wall-500">Airlock APIs</a>
83 </Link>
84 </div>
85 <div className="w-1/2 md:w-1/3 flex flex-col">
86 <h4 className="mt-16 mb-8">Contribute</h4>
87 <Link href="https://github.com/urbit/urbit/issues" passHref>
88 <a className="type-bold text-wall-500">Issue Tracker</a>
89 </Link>
90 <Link href="/grants">
91 <a className="type-bold text-wall-500" passHref>
92 Urbit Grants
93 </a>
94 </Link>
95 </div>
97 <div className="w-1/2 md:w-1/3 flex flex-col">
98 <h4 className="mt-16 mb-8">Community</h4>
99 <Link
100 href="https://groups.google.com/a/urbit.org/g/dev?pli=1"
101 passHref
102 >
103 <a className="type-bold text-wall-500">Dev Mailing List</a>
104 </Link>
105 <Link href="https://github.com/urbit/azimuth" passHref>
106 <a className="type-bold text-wall-500">Governance</a>
107 </Link>
108 <Link href="https://twitter.com/urbit" passHref>
109 <a className="type-bold text-wall-500">Twitter</a>
110 </Link>
111 </div>
112 </Section>
113 <Section className="flex flex-col md:flex-row">
114 <div className="md:w-1/3">
115 <Link href="/privacy" passHref>
116 <a className="type-bold text-wall-500">Privacy Policy</a>
117 </Link>
118 </div>
119 <div className="md:w-1/3">
120 <Link href="/terms-of-service" passHref>
121 <a className="type-bold text-wall-500">Terms of Service</a>
122 </Link>
123 </div>
124 <div className="md:w-1/3">
125 <a
126 href={"mailto:" + contact.email}
127 className="type-bold text-wall-500"
128 >
129 {contact.email}
130 </a>
131 </div>
132 </Section>
133 </SingleColumn>
134 </footer>
135 );