diff --git a/content/signup/index.md b/content/signup/index.md
new file mode 100644
index 0000000..59d71f8
--- /dev/null
+++ b/content/signup/index.md
@@ -0,0 +1,58 @@
+---
+title: "Sign Up"
+description: "Pre-register for AIBOX and become a part of a pioneering Web4 movement" # quotation marks to allow colons where used
+template: "layouts/signup.html"
+insert_anchor_links: "left"
+extra:
+ author: ThreeFold
+ imgPath: tf.png
+---
+
+
+
+
+
+
+
+
+
+
+<style>
+
+
+.rounded_img img {
+ border-radius: 8px;
+}
+
+
+.person img{
+ border-radius: 100%;
+ max-width:100px;
+ }
+
+
+.myscale{
+ transition: transform .5s;
+}
+
+
+.myscale:hover{
+ transform: scale(1.2);
+ background-color: whitesmoke;
+}
+
+
+.road_border{
+  
+     border-left: 1px solid rgb(156, 156, 156);
+
+
+   }
+
+
+ .white-gray{
+  color: #9f9f9f;
+}
+
+
+ </style>
\ No newline at end of file
diff --git a/content/signup/tf.png b/content/signup/tf.png
new file mode 100644
index 0000000..0ccade5
Binary files /dev/null and b/content/signup/tf.png differ
diff --git a/templates/partials/form.html b/templates/partials/form.html
index 5a4ee76..57d8e47 100644
--- a/templates/partials/form.html
+++ b/templates/partials/form.html
@@ -1 +1 @@
-<div data-tf-live="01JN3NGD20Z7TH1X28YVVG24Z3"></div><script src="//embed.typeform.com/next/embed.js"></script>
\ No newline at end of file
+<div class="py-24" data-tf-live="01JN3NGD20Z7TH1X28YVVG24Z3"></div><script src="//embed.typeform.com/next/embed.js"></script>
\ No newline at end of file
diff --git a/templates/partials/header.html b/templates/partials/header.html
index ff4d171..23fcc05 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -107,7 +107,7 @@
                       </a>
                     </li> 
                   </ul> #}
-                    <a href="mailto:info@threefold.io" target="_blank" onclick="window.open(this.href, '_blank'); return false;" class="blinking-effect dashboard rounded-2xl bg-black px-4 p-2 text-sm font-semibold text-white shadow-sm hover:text-gray-800 hover:bg-gray-900">Pre-Order Now</a>
+                    <a href="/signup" target="_blank" onclick="window.open(this.href, '_blank'); return false;" class="blinking-effect dashboard rounded-2xl bg-black px-4 p-2 text-sm font-semibold text-white shadow-sm hover:text-gray-800 hover:bg-gray-900">Pre-Order Now</a>
                 </div>
               </div>
             </div>