add signup notice

src/app/contact/page.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { Metadata } from 'next';
 import { Page } from '../../components/Page';
 import { MailLink } from './mail';

src/app/signup/page.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Metadata } from 'next';
+import { Page } from '../../components/Page';
+import Link from 'next/link';
+
+export const metadata: Metadata = {
+  title: 'Closed Beta',
+  openGraph: {
+    title: 'Closed Beta',
+  },
+};
+
+export default function SignupPage() {
+  return (
+    <Page className='max-w-[600px]'>
+      <h1 className="text-center text-neutral-400 font-medium my-4">Sign In?</h1>
+      <h2 className="text-center text-5xl font-semibold my-4">We are currently in closed Beta phase!</h2>
+
+      <p className='pb-4 pt-10'>
+        Transcribee is not fully ready for the public yet. That means that some features might be
+        missing, not fully implemented or less polished than we would want them to be.
+      </p>
+
+      <p className='pb-4'>
+        If you nontheless want to try transcribee now, you can <Link href="/contact" className='underline'>Contact Us</Link>.
+      </p>
+    </Page>
+  );
+}
+

src/components/Page.tsx

@@ -47,20 +47,20 @@ function MainNav() {
 
       <ul className="hidden md:flex gap-2.5 items-center order-last">
         <li>
-          <a
-            href="https://transcribee.net/signup"
+          <Link
+            href="/signup"
             className="block px-4 py-2 rounded-md hover:bg-gray-200"
           >
             Sign Up
-          </a>
+          </Link>
         </li>
         <li>
-          <a
+          <Link
             href="https://transcribee.net/login"
             className="block px-4 py-2 bg-black hover:bg-gray-700 text-white rounded-md"
           >
             Sign In
-          </a>
+          </Link>
         </li>
       </ul>
     </>