Updated request new invite illustration

frontend/pages/requestnewinvite.js

@@ -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">
+      <div className="flex flex-col items-center justify-center text-bunker-200 h-screen w-screen mt-24">
-        <p className="text-6xl">Oops.</p>
+        <p className="text-4xl text-bunker-100">Oops, your invite has expired.</p>
-        <p className="mt-2 mb-1 text-xl">Your invite has expired. </p>
+        <p className="text-lg my-6">Ask the administrator for a new one.</p>
-        <p className="text-xl">Ask the administrator for a new one.</p>
+        <p className="text-md text-bunker-400 max-w-sm text-center">
-        <p className="text-md mt-8 text-gray-600 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>
   );