Repository navigation
Expand file tree
/
Copy pathindex.tsx
More file actions
91 lines (83 loc) · 2.82 KB
/
Copy pathindex.tsx
File metadata and controls
91 lines (83 loc) · 2.82 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
import { NextPage } from "next";
import React from "react";
import tw, { styled } from "twin.macro";
import { DiscordIcon, RssIcon, TwitterIcon } from "../components/Icons";
import { Link } from "../components/Link";
import { Page } from "../layouts/Page";
import { GitHub } from "react-feather";
const Home: NextPage = () => {
return (
<Page>
<div>
<h1 tw="text-5xl md:text-6xl font-bold mb-12">Railway Docs</h1>
<div tw="flex items-center space-x-4 mb-8">
<ButtonLink
href="/getting-started"
css={[
tw`bg-foreground border-2 border-foreground text-background`,
tw`hover:bg-background hover:text-foreground`,
tw`focus:ring-2 focus:ring-pink-700`,
]}
>
Get Started
</ButtonLink>
<ButtonLink
href="https://railway.app"
css={[
tw`bg-pink-500 text-white border-2 border-pink-500`,
tw`hover:bg-pink-400`,
tw`focus:ring-2 focus:ring-pink-700`,
]}
>
Visit Railway
</ButtonLink>
</div>
<div tw="prose mt-16">
<section>
<h3 tw="flex items-center space-x-4">
<RssIcon /> <span>Changelog</span>
</h3>
<p>
Weekly update with features and improvements made to Railway.{" "}
<br />
<Link href="https://railway.app/changelog">View Changelog</Link>
</p>
<h3 tw="flex items-center space-x-4">
<TwitterIcon /> <span>Twitter</span>
</h3>
<p>
Keep up with the latest news and updates. <br />
<Link href="https://twitter.com/Railway_App">
Follow @Railway_App
</Link>
</p>
<h3 tw="flex items-center space-x-4">
<DiscordIcon /> <span>Discord</span>
</h3>
<p>
Chat with our Railway members, ask questions, hang out.
<br />
<Link href="https://discord.gg/xAm2w6g">Join Discord</Link>
</p>
<h3 tw="flex items-center space-x-4">
<GitHub /> <span>Contributing</span>
</h3>
<p>
Each page footer contains an "Edit on GitHub Link". Change the
markdown, make a pull request, and we'll merge it! Deploys will
happen automagically cause the docs are hosted on Railway.
<br />
<Link href="https://github.com/railwayapp/docs">Doc Source</Link>
</p>
</section>
</div>
</div>
</Page>
);
};
export default Home;
const ButtonLink = styled(Link)`
${tw`block font-medium rounded shadow`}
${tw`px-3 py-2`}
${tw`focus:outline-none`}
`;