-
Notifications
You must be signed in to change notification settings - Fork 1.7k
/
page.tsx
48 lines (44 loc) · 1.42 KB
/
page.tsx
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
import { Metadata } from "next";
import { Button, Card } from "ui";
const CARD_CONTENT = [
{
title: "Caching Tasks",
href: "https://turbo.build/repo/docs/core-concepts/caching",
cta: "Read More",
},
{
title: "Running Tasks",
href: "https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks",
cta: "Read More",
},
{
title: "Configuration Options",
href: "https://turbo.build/repo/docs/reference/configuration",
cta: "Read More",
},
];
export const metadata: Metadata = {
title: "Web - Turborepo Example",
};
export default function Home() {
return (
<div className="flex min-h-screen flex-col items-center justify-center py-2">
<main className="mx-auto w-auto px-4 pt-16 pb-8 sm:pt-24 lg:px-8">
<h1 className="mx-auto text-center text-6xl font-extrabold tracking-tight text-white sm:text-7xl lg:text-8xl xl:text-8xl">
Web
<span className="block bg-gradient-to-r from-brandred to-brandblue bg-clip-text text-transparent px-2">
Turborepo Example
</span>
</h1>
<div className="mx-auto mt-5 max-w-xl sm:flex sm:justify-center md:mt-8">
<Button />
</div>
<div className="mt-12 grid grid-cols-1 sm:grid-cols-3 gap-4 place-content-evenly">
{CARD_CONTENT.map((card) => (
<Card key={card.title} {...card} />
))}
</div>
</main>
</div>
);
}