mirror of
https://github.com/discordjs/discord.js.git
synced 2026-03-09 16:13:31 +01:00
85 lines
3.3 KiB
TypeScript
85 lines
3.3 KiB
TypeScript
import { FiExternalLink } from '@react-icons/all-files/fi/FiExternalLink';
|
|
import type { Route } from 'next';
|
|
import Image from 'next/image';
|
|
import Link from 'next/link';
|
|
import vercelLogo from '~/assets/powered-by-vercel.svg';
|
|
import workersLogo from '~/assets/powered-by-workers.png';
|
|
import { InstallButton } from '~/components/InstallButton';
|
|
import { buttonVariants } from '~/styles/Button';
|
|
import { DESCRIPTION } from '~/util/constants';
|
|
|
|
export default function Page() {
|
|
return (
|
|
<div className="min-h-screen">
|
|
<div className="mx-auto max-w-6xl flex flex-col place-items-center gap-24 px-8 pb-16 pt-12 lg:min-h-[calc(100vh_-_40px)] lg:place-content-center lg:py-10">
|
|
<div className="flex flex-col place-items-center gap-10 lg:flex-row lg:gap-6">
|
|
<div className="flex flex-col place-items-center gap-10 text-center">
|
|
<h1 className="text-3xl font-black leading-tight sm:text-7xl sm:leading-tight">
|
|
The <span className="relative rounded bg-blurple px-3 py-1 text-white">most popular</span> way to build
|
|
Discord bots.
|
|
</h1>
|
|
<p className="my-6 leading-normal text-neutral-700 dark:text-neutral-300">{DESCRIPTION}</p>
|
|
<div className="flex flex-wrap place-content-center gap-4 md:flex-row">
|
|
<Link className={buttonVariants()} href={'/docs' as Route}>
|
|
Docs
|
|
</Link>
|
|
<a
|
|
className={buttonVariants({ variant: 'secondary' })}
|
|
href="https://discordjs.guide"
|
|
rel="noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
Guide <FiExternalLink />
|
|
</a>
|
|
<a
|
|
className={buttonVariants({ variant: 'secondary' })}
|
|
href="https://github.com/discordjs/discord.js"
|
|
rel="external noopener noreferrer"
|
|
target="_blank"
|
|
>
|
|
GitHub <FiExternalLink />
|
|
</a>
|
|
</div>
|
|
<InstallButton />
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-col gap-4 md:flex-row">
|
|
<a
|
|
className="rounded outline-none focus:ring focus:ring-width-2 focus:ring-blurple"
|
|
href="https://vercel.com/?utm_source=discordjs&utm_campaign=oss"
|
|
rel="external noopener noreferrer"
|
|
target="_blank"
|
|
title="Vercel"
|
|
>
|
|
<Image
|
|
alt="Vercel"
|
|
blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAABLCAQAAAA1k5H2AAAAi0lEQVR42u3SMQEAAAgDoC251a3gL2SgmfBYBRAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARCAgwWEOSWBnYbKggAAAABJRU5ErkJggg=="
|
|
height={44}
|
|
placeholder="blur"
|
|
priority
|
|
src={vercelLogo}
|
|
width={212}
|
|
/>
|
|
</a>
|
|
<a
|
|
className="rounded outline-none focus:ring focus:ring-width-2 focus:ring-blurple"
|
|
href="https://www.cloudflare.com"
|
|
rel="external noopener noreferrer"
|
|
target="_blank"
|
|
title="Cloudflare Workers"
|
|
>
|
|
<Image
|
|
alt="Cloudflare"
|
|
blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAABLCAQAAAA1k5H2AAAAi0lEQVR42u3SMQEAAAgDoC251a3gL2SgmfBYBRAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARAAARCAgwWEOSWBnYbKggAAAABJRU5ErkJggg=="
|
|
height={44}
|
|
placeholder="blur"
|
|
priority
|
|
src={workersLogo}
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|