diff --git a/ui/src/app/(pages)/features/page.tsx b/ui/src/app/(pages)/features/page.tsx
deleted file mode 100644
index 3fa4c0a..0000000
--- a/ui/src/app/(pages)/features/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react'
-
-function FeaturesPage() {
-  return (
-    <div className="flex items-center justify-center h-screen">
-      <p>Coming Soon</p>
-    </div>
-  )
-}
-
-export default FeaturesPage
diff --git a/ui/src/app/(pages)/upgrade/page.tsx b/ui/src/app/(pages)/upgrade/page.tsx
new file mode 100644
index 0000000..b905cb7
--- /dev/null
+++ b/ui/src/app/(pages)/upgrade/page.tsx
@@ -0,0 +1,55 @@
+'use client'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import React, { useState } from 'react'
+import { toast } from 'sonner'
+
+function UpgradePage() {
+  const [email, setEmail] = useState('')
+
+  const handleSubscribe = async (e) => {
+    e.preventDefault()
+    const apiBaseURL = process.env.NEXT_PUBLIC_API_BASE_URL
+
+    const subscribeJSON = {
+      email: email,
+    }
+
+    await fetch(apiBaseURL + '/subscribe', {
+      method: 'POST',
+      body: JSON.stringify(subscribeJSON),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    })
+
+    toast.success('You have been subscribed!')
+  }
+
+  return (
+    <>
+      <form onSubmit={handleSubscribe}>
+        <div className="bg-black flex h-screen justify-center items-center z-10">
+          <div className="bg-transparent p-8 rounded-md shadow-md max-w-sm">
+            <h4 className="text-2xl font-semibold mb-4 text-white">
+              Subscribe to Waitinglist and get{' '}
+              <span className="text-yellow-500">20% off</span> on launch
+            </h4>
+            <div className="flex w-full max-w-sm items-center space-x-2">
+              <Input
+                type="email"
+                value={email}
+                onChange={(e) => setEmail(e.target.value)}
+                placeholder="Email"
+                className="bg-white"
+              />
+              <Button type="submit">Subscribe</Button>
+            </div>
+          </div>
+        </div>
+      </form>
+    </>
+  )
+}
+
+export default UpgradePage
diff --git a/ui/src/components/header.tsx b/ui/src/components/header.tsx
index 9041a01..fa9a23a 100644
--- a/ui/src/components/header.tsx
+++ b/ui/src/components/header.tsx
@@ -179,7 +179,7 @@ export const Header = ({ authorised, statusLoaded }) => {
             <li>
               <Button
                 variant="default"
-                onClick={() => router.push('/pricing')}
+                onClick={() => router.push('/upgrade')}
                 className="
                 block py-2 px-4
                 text-white rounded