@@ -1,9 +1,52 @@
11import Link from 'next/link'
2+import SingleColumn from './SingleColumn'
3+import {contact} from '../lib/constants'
24
35export default function Footer() {
46 return (
5− <footer className="pt-12 bg-wall h-80 w-full mt-48">
6−
7+ <footer className="py-24 bg-wall w-full mt-48 flex justify-center">
8+ <SingleColumn>
9+ <div className="flex layout-wide">
10+ <div className="w-1/3 flex flex-col">
11+ <h3 className='mb-4'>Use Urbit</h3>
12+ <Link className="mt-4" href=""><a className="type-ui text-gray">Urbit Client</a></Link>
13+ <Link className="mt-4" href=""><a className="type-ui text-gray">Urbit Binaries</a></Link>
14+ <Link className="mt-4" href=""><a className="type-ui text-gray">Urbit Apps</a></Link>
15+ <Link className="mt-4" href=""><a className="type-ui text-gray">Host-Providers</a></Link>
16+
17+ </div>
18+ <div className="w-1/3 flex flex-col">
19+ <h3 className='mb-4'>About</h3>
20+ </div>
21+ <div className="w-1/3 flex flex-col">
22+ <h3 className='mb-4'>News</h3>
23+ </div>
24+ </div>
25+ <div className="flex layout-wide mt-24">
26+ <div className="w-1/3 flex flex-col">
27+ <h3 className='mb-4'>Develop</h3>
28+
29+ </div>
30+ <div className="w-1/3 flex flex-col">
31+ <h3 className='mb-4'>Contribute</h3>
32+ </div>
33+ <div className="w-1/3 flex flex-col">
34+ <h3 className='mb-4'>Community</h3>
35+ </div>
36+ </div>
37+ <div className="flex layout-wide mt-64">
38+ <div className="w-1/3">
39+ <Link href=""><a className="type-ui text-gray">Privacy Policy</a></Link>
40+
41+ </div>
42+ <div className="w-1/3">
43+ <Link href=""><a className="type-ui text-gray">Terms of Service</a></Link>
44+ </div>
45+ <div className="w-1/3">
46+ <Link href=""><a className="type-ui text-gray">{contact.email}</a></Link>
47+ </div>
48+ </div>
49+ </SingleColumn>
750 </footer>
851 )
952}