Styling the signup form in our landing page

--- 
+++ 
@@ -17,7 +17,51 @@
       <p class="mt-6 text-xl text-gray-600">Write on our platform for maximum productivity</p>
     </div>
     <div class="basis-2/5">
-      <!-- signup form -->
+      <div class="bg-gray-800 text-white rounded-lg">
+        <div class="p-6 lg:p-16">
+          <p class="text-xl font-semibold">Create your account</p>
+          <div class="mt-6">
+            <form method="POST" class="space-y-6 mb-4">
+              {% csrf_token %}
+              <div>
+                <label class="sr-only" for="{{ form.email.id_for_label }}">Email</label>
+                <div class="form-field">
+                  {% render_field form.email class="block text-black shadow-sm focus:ring-emerald-500 focus:border-emerald-500 border-gray-300 text-sm" %}
+                </div>
+              </div>
+              <div class="space-y-2">
+                <label class="sr-only" for="{{ form.password1.id_for_label }}">Password</label>
+                <div class="form-field">
+                  {% render_field form.password1 class="block text-black shadow-sm focus:ring-emerald-500 focus:border-emerald-500 border-gray-300 text-sm" %}
+                </div>
+              </div>
+              <div>
+                <label class="sr-only" for="{{ form.password2.id_for_label }}">Password confirmation</label>
+                <div class="form-field">
+                  {% render_field form.password2 class="block text-black shadow-sm focus:ring-emerald-500 focus:border-emerald-500 border-gray-300 text-sm" %}
+                </div>
+              </div>
+              <div>
+                <p class="text-sm text-center">Already have an account? <a href="{% url 'account_login' %}" class="font-bold hover:underline">Sign in instead</a></p>
+                <button type="submit" class="button primary w-full mt-2 text-sm">Create your account</button>
+              </div>
+            </form>
+            <div class="space-y-4">
+              {% if SOCIALACCOUNT_ENABLED %}
+                {% include "socialaccount/snippets/login.html" with page_layout="entrance" %}
+              {% endif %}
+            </div>
+          </div>
+        </div>
+        <div class="px-4 py-6 bg-gray-700 sm:px-10 rounded-b-lg">
+          <p class="text-xs leading-5">
+            By signing up, you agree to our
+            <a href="#" class="font-medium hover:underline">Terms</a>,
+            <a href="#" class="font-medium hover:underline">Data Policy</a>,
+            and <a href="#" class="font-medium hover:underline">Cookies Policy</a>.
+          </p>
+        </div>
+      </div>
     </div>
   </div>
 </main>