diff --git a/resources/views/pages/accounts/login.blade.php b/resources/views/pages/accounts/login.blade.php
index 88296371..a6ab237c 100644
--- a/resources/views/pages/accounts/login.blade.php
+++ b/resources/views/pages/accounts/login.blade.php
@@ -64,7 +64,7 @@
                             <div class="row m-t-15">
                                 <div class="col">
                                     <a href="#">
-                                        <button class="btn btn-sm btn-outline-success bold b-rad-none b-thick" @click="$store.dispatch('toggleSection', {name: 'registrationForm', status: true})">Create Account</button>
+                                        <a href="{{ route('sign_up') }}" class="btn btn-sm btn-outline-success bold b-rad-none b-thick">Create Account</a>
                                     </a>
                                 </div>
                             </div>
diff --git a/resources/views/pages/accounts/sign_up.blade.php b/resources/views/pages/accounts/sign_up.blade.php
new file mode 100644
index 00000000..05b4d9a9
--- /dev/null
+++ b/resources/views/pages/accounts/sign_up.blade.php
@@ -0,0 +1,43 @@
+@extends('layouts.base_login')
+
+@section('inner_content')
+    <transition-component group enter-class="animate__animated animate__fadeInRightBig animate__faster" leave-class="animate__animated animate__fadeOutRightBig">
+        <div class="row" key="1">
+            <div class="col-12 col-md p-l-0 p-r-0 p-t-15 p-b-15">
+                <div class="h-100 bg-white">
+                    <div class="row m-l-0">
+                        <div class="col">
+                            <div class="row">
+                                <div class="col-4 d-none d-md-inline padding-25 bg-primary">
+                                    <div class="row h-100 align-items-center justify-content-center text-center">
+                                        <div class="col">
+                                            <div class="row m-b-10">
+                                                <div class="col">
+                                                    <div class="font-heading text-white fs-20 all-caps bold lh-25">We Are Glad</div>
+                                                    <div class="font-heading text-white fs-12 all-caps m-b-20 lh-25">You've Decided To join Us</div>
+                                                </div>
+                                            </div>
+                                            <div class="row">
+                                                <div class="col">
+                                                    <img src="{{asset('/images/2853457.png')}}" class="w-100"/>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col p-l-50 p-r-50 p-t-30 p-b-30">
+                                    <loading-component style="height: 350px;" key="1" color="primary" v-show="$store.getters.isLoading('loginSection')"></loading-component>
+                                    <div class="row" v-show="!$store.getters.isLoading('loginSection')">
+                                        <div class="col">
+                                            <registration-form-component section="loginSection"></registration-form-component>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </transition-component>
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 99e07dd3..0f4000ba 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -30,6 +30,10 @@ Route::get('', function () {
     return view('pages.accounts.login');
 })->name('login');
 
+Route::get('/sign_up', function () {
+    return view('pages.accounts.sign_up');
+})->name('sign_up');
+
 Route::get('/account/email/verification/{token}', function ($token) {
     return view('pages.accounts.email_verified', ['token' => $token]);
 })->name('account.email.verification');