@@ -0,0 +1,58 @@
1+import Head from "next/head";
2+import Meta from "../components/Meta";
3+import Link from "next/link";
4+import {
5+ Container,
6+ SingleColumn,
7+ Section,
8+ IntraNav,
9+ getAllPosts,
10+ formatDate,
11+ generateDisplayDate,
12+} from "@urbit/foundation-design-system";
13+import Footer from "../components/Footer";
14+import Header from "../components/Header";
15+import BackgroundImage from "../components/BackgroundImage";
16+import { contact } from "../lib/constants";
17+
18+export default function Blog({ posts, search }) {
19+ const post = {
20+ title: "Getting Started With Urbit",
21+ description:
22+ "Links to get started with Urbit.",
23+ };
24+ return (
25+ <Container>
26+ <Head>
27+ <title>Blog • urbit.org</title>
28+ {Meta(post)}
29+ </Head>
30+ <IntraNav ourSite="https://urbit.org" search={search} />
31+ <SingleColumn>
32+ <Header search={search} />
33+ <Section>
34+ <h1 className="pb-16">Getting Started With Urbit</h1>
35+ <div className="">
36+
37+ <p className="text-md">
38+ • <Link href="https://developers.urbit.org/courses">Take a course on Hoon</Link>
39+ </p>
40+ <p className="text-md">
41+ • <Link href="/grants/proposals">Submit a grant proposal</Link>
42+ </p>
43+ <p className="text-md">
44+ • <Link href="https://urbit.org/grants?type=Bounty#view-grants">Pick up an open bounty</Link>
45+ </p>
46+ <p className="text-md">
47+ • <Link href="https://developers.urbit.org/guides/quickstart/intro">Build an app</Link>
48+ </p>
49+
50+ </div>
51+ </Section>
52+
53+ </SingleColumn>
54+ <Footer />
55+ </Container>
56+ );
57+}
58+