Updated request new invite illustration

This commit is contained in:
Vladyslav Matsiiako
2022-12-27 14:07:30 -05:00
parent 752a2a9085
commit 2c63559303

View File

@ -1,21 +1,31 @@
import React from "react";
import Head from "next/head";
import Image from "next/image";
export default function Activity() {
export default function RequestNewInvite() {
return (
<div className="bg-bunker-800 md:h-screen flex flex-col justify-between">
<div className="bg-bunker-700 md:h-screen flex flex-col justify-between">
<Head>
<title>Request a New Invite</title>
<link rel="icon" href="/infisical.ico" />
</Head>
<div className="flex flex-col items-center justify-center text-gray-200 h-screen w-screen">
<p className="text-6xl">Oops.</p>
<p className="mt-2 mb-1 text-xl">Your invite has expired. </p>
<p className="text-xl">Ask the administrator for a new one.</p>
<p className="text-md mt-8 text-gray-600 max-w-sm text-center">
<div className="flex flex-col items-center justify-center text-bunker-200 h-screen w-screen mt-24">
<p className="text-4xl text-bunker-100">Oops, your invite has expired.</p>
<p className="text-lg my-6">Ask the administrator for a new one.</p>
<p className="text-md text-bunker-400 max-w-sm text-center">
Note: If it still {"doesn't work"}, please reach out to us at
support@infisical.com
</p>
<div
className=""
>
<Image
src="/images/invitation-expired.svg"
height={500}
width={800}
alt="google logo"
></Image>
</div>
</div>
</div>
);