chore: vercel banner

This commit is contained in:
iCrawl
2022-07-19 18:26:03 +02:00
parent 660e212e83
commit 4ffd7f9f80
17 changed files with 132 additions and 81 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -1,5 +1,6 @@
import codeSample from '../assets/code-sample.png';
import logo from '../assets/djs_logo_rainbow_400x400.png';
import vercelLogo from '../assets/powered-by-vercel.svg';
import * as text from '../text.json';
interface ButtonProps {
@@ -28,10 +29,10 @@ export default function IndexRoute() {
</div>
</div>
</div>
<div className="xl:flex xl:justify-center w-full max-w-full box-border px-10">
<div className="flex flex-col xl:flex-row grow max-w-[1100px] mt-10 pb-10 space-y-10 xl:space-x-20 place-items-center">
<div className="xl:flex xl:justify-center w-full max-w-full box-border p-10">
<div className="flex flex-col xl:flex-row grow max-w-[1100px] pb-10 space-y-10 xl:space-x-20 place-items-center">
<div className="flex flex-col max-w-[800px] lt-xl:items-center">
<h1 className="font-bold text-6xl text-blurple mb-2">{text.heroTitle}</h1>
<h1 className="font-bold text-6xl text-blurple my-2">{text.heroTitle}</h1>
<p className="text-xl text-dark-100 dark:text-gray-400">{text.heroDescription}</p>
<div className="flex flew-row space-x-4">
<Button title="Read the guide" />
@@ -42,6 +43,9 @@ export default function IndexRoute() {
<img src={codeSample} className="max-w-[600px] rounded-xl shadow-md overflow-hidden" />
</div>
</div>
<div className="flex place-content-center">
<img src={vercelLogo} alt="Vercel" className="shadow-md" />
</div>
</div>
</main>
);

View File

@@ -1,4 +1,3 @@
@import '@unocss/reset/tailwind.css';
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
html,