diff --git a/apps/home/urls.py b/apps/home/urls.py
index 91ab8db..f8dca9d 100644
--- a/apps/home/urls.py
+++ b/apps/home/urls.py
@@ -3,11 +3,11 @@
 from django.urls import path, include, re_path
 from django.shortcuts import redirect
 
-from apps.home import views
+from .views import IndexView
 
-def reverse_to_index(reqeust):
-    return redirect("admin:index")
+# def reverse_to_index(reqeust):
+#     return redirect("admin:index")
 
 urlpatterns = [
-    path("", reverse_to_index, name="index"),
+    path("", IndexView.as_view(), name="index"),
 ]
diff --git a/apps/home/views.py b/apps/home/views.py
index d5d345e..d81ba1c 100644
--- a/apps/home/views.py
+++ b/apps/home/views.py
@@ -1,9 +1,17 @@
 # -*- encoding: utf-8 -*-
 
-from django import template
-from django.contrib.auth.decorators import login_required
-from django.http import HttpResponse, HttpResponseRedirect
-from django.template import loader
+# from django import template
+# from django.contrib.auth.decorators import login_required
+# from django.http import HttpResponse, HttpResponseRedirect
+# from django.template import loader
+# from django.urls import reverse
 
-from django.urls import reverse
+from django.views.generic import TemplateView
 
+
+class IndexView(TemplateView):
+    """
+    
+    """
+
+    template_name = "home/index.html"
diff --git a/apps/static/css/index.css b/apps/static/css/index.css
index 6670b68..64d374a 100644
--- a/apps/static/css/index.css
+++ b/apps/static/css/index.css
@@ -74,6 +74,14 @@ body {
     border-bottom: 1px solid var(--border-colour) !important;
 }
 
+.bdR {
+    border-right: 1px solid var(--border-colour) !important;
+}
+
+.bdL {
+    border-left: 1px solid var(--border-colour) !important;
+}
+
 .w-fc {
     width: fit-content;
 }
@@ -115,7 +123,7 @@ body {
 }
 
 .sidebar-logo {
-    border-right: 1px solid var(--border-colour);
+    border-right: none !important;
     border-bottom: 1px solid var(--border-colour);
 }
 
diff --git a/apps/static/images/pyrss.png b/apps/static/images/pyrss.png
new file mode 100644
index 0000000..9a0f49f
Binary files /dev/null and b/apps/static/images/pyrss.png differ
diff --git a/apps/static/images/pyrss_logo.webp b/apps/static/images/pyrss_logo.webp
new file mode 100644
index 0000000..fd0eb7e
Binary files /dev/null and b/apps/static/images/pyrss_logo.webp differ
diff --git a/apps/templates/home/blank.html b/apps/templates/home/blank.html
index b8ac486..32465f7 100644
--- a/apps/templates/home/blank.html
+++ b/apps/templates/home/blank.html
@@ -8,7 +8,7 @@
 {% block content %}
 
   <!-- ### $App Screen Content ### -->
-  <main class='main-content bgc-grey-100'>
+  <main class='main-content bg-body-tertiary'>
     <div id='mainContent'>
       <div class="full-container">
 
diff --git a/apps/templates/home/index.html b/apps/templates/home/index.html
index fece110..64ba000 100644
--- a/apps/templates/home/index.html
+++ b/apps/templates/home/index.html
@@ -8,7 +8,7 @@
 {% block content %}
 
     <!-- ### $App Screen Content ### -->
-    <main class='main-content bgc-grey-100'>
+    <main class='main-content bg-body-tertiary'>
       <div id='mainContent'>
         <div class="row gap-20 masonry pos-r">
           <div class="masonry-sizer col-md-6"></div>
@@ -16,7 +16,7 @@
             <div class="row gap-20">
               <!-- #Toatl Visits ==================== -->
               <div class='col-md-3'>
-                <div class="layers bd bgc-white p-20">
+                <div class="layers bd bg-body p-20">
                   <div class="layer w-100 mB-10">
                     <h6 class="lh-1">Total Visits</h6>
                   </div>
@@ -35,7 +35,7 @@
 
               <!-- #Total Page Views ==================== -->
               <div class='col-md-3'>
-                <div class="layers bd bgc-white p-20">
+                <div class="layers bd bg-body p-20">
                   <div class="layer w-100 mB-10">
                     <h6 class="lh-1">Total Page Views</h6>
                   </div>
@@ -54,7 +54,7 @@
 
               <!-- #Unique Visitors ==================== -->
               <div class='col-md-3'>
-                <div class="layers bd bgc-white p-20">
+                <div class="layers bd bg-body p-20">
                   <div class="layer w-100 mB-10">
                     <h6 class="lh-1">Unique Visitor</h6>
                   </div>
@@ -73,7 +73,7 @@
 
               <!-- #Bounce Rate ==================== -->
               <div class='col-md-3'>
-                <div class="layers bd bgc-white p-20">
+                <div class="layers bd bg-body p-20">
                   <div class="layer w-100 mB-10">
                     <h6 class="lh-1">Bounce Rate</h6>
                   </div>
@@ -93,7 +93,7 @@
           </div>
           <div class="masonry-item col-12">
             <!-- #Site Visits ==================== -->
-            <div class="bd bgc-white">
+            <div class="bd bg-body">
               <div class="peers fxw-nw@lg+ ai-s">
                 <div class="peer peer-greed w-70p@lg+ w-100@lg- p-20">
                   <div class="layers">
@@ -101,7 +101,7 @@
                       <h6 class="lh-1">Site Visits</h6>
                     </div>
                     <div class="layer w-100">
-                      <div id="world-map-marker"></div>
+                      <!-- <div id="world-map-marker"></div> -->
                     </div>
                   </div>
                 </div>
@@ -173,7 +173,7 @@
           </div>
           <div class="masonry-item col-md-6">
             <!-- #Monthly Stats ==================== -->
-            <div class="bd bgc-white">
+            <div class="bd bg-body">
               <div class="layers">
                 <div class="layer w-100 pX-20 pT-20">
                   <h6 class="lh-1">Monthly Stats</h6>
@@ -206,7 +206,7 @@
           </div>
           <div class="masonry-item col-md-6">
             <!-- #Todo ==================== -->
-            <div class="bd bgc-white p-20">
+            <div class="bd bg-body p-20">
               <div class="layers">
                 <div class="layer w-100 mB-10">
                   <h6 class="lh-1">Todo List</h6>
@@ -283,7 +283,7 @@
           </div>
           <div class="masonry-item col-md-6">
             <!-- #Sales Report ==================== -->
-            <div class="bd bgc-white">
+            <div class="bd bg-body">
               <div class="layers">
                 <div class="layer w-100 p-20">
                   <h6 class="lh-1">Sales Report</h6>
@@ -365,7 +365,7 @@
           </div>
           <div class="masonry-item col-md-6">
             <!-- #Weather ==================== -->
-            <div class="bd bgc-white p-20">
+            <div class="bd bg-body p-20">
               <div class="layers">
                 <!-- Widget Title -->
                 <div class="layer w-100 mB-20">
@@ -489,7 +489,7 @@
           </div>
           <div class="masonry-item col-md-6">
             <!-- #Chat ==================== -->
-            <div class="bd bgc-white">
+            <div class="bd bg-body">
               <div class="layers">
                 <div class="layer w-100 p-20">
                   <h6 class="lh-1">Quick Chat</h6>
@@ -505,7 +505,7 @@
                       <div class="peer peer-greed">
                         <div class="layers ai-fs gapY-5">
                           <div class="layer">
-                            <div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
+                            <div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
                               <div class="peer mR-10">
                                 <small>10:00 AM</small>
                               </div>
@@ -515,7 +515,7 @@
                             </div>
                           </div>
                           <div class="layer">
-                            <div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
+                            <div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
                               <div class="peer mR-10">
                                 <small>10:00 AM</small>
                               </div>
@@ -525,7 +525,7 @@
                             </div>
                           </div>
                           <div class="layer">
-                            <div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
+                            <div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
                               <div class="peer mR-10">
                                 <small>10:00 AM</small>
                               </div>
@@ -546,7 +546,7 @@
                       <div class="peer peer-greed ord-0">
                         <div class="layers ai-fe gapY-10">
                           <div class="layer">
-                            <div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
+                            <div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
                               <div class="peer mL-10 ord-1">
                                 <small>10:00 AM</small>
                               </div>
@@ -556,7 +556,7 @@
                             </div>
                           </div>
                           <div class="layer">
-                            <div class="peers fxw-nw ai-c pY-3 pX-10 bgc-white bdrs-2 lh-3/2">
+                            <div class="peers fxw-nw ai-c pY-3 pX-10 bg-body bdrs-2 lh-3/2">
                               <div class="peer mL-10 ord-1">
                                 <small>10:00 AM</small>
                               </div>
@@ -570,7 +570,7 @@
                     </div>
                   </div>
                   <!-- Chat Send -->
-                  <div class="p-20 bdT bgc-white">
+                  <div class="p-20 bdT bg-body">
                     <div class="pos-r">
                       <input type="text" class="form-control bdrs-10em m-0" placeholder="Say something...">
                       <button type="button" class="btn btn-primary bdrs-50p w-2r p-0 h-2r pos-a r-1 t-1">
diff --git a/apps/templates/includes/navigation.html b/apps/templates/includes/navigation.html
index 4a4733f..1c675e5 100644
--- a/apps/templates/includes/navigation.html
+++ b/apps/templates/includes/navigation.html
@@ -2,7 +2,7 @@
     <div class="header-container">
         <ul class="nav-left">
             <li>
-                <a id='sidebar-toggle' class="sidebar-toggle" href="javascript:void(0);">
+                <a id="sidebar-toggle" class="sidebar-toggle" href="javascript:void(0);">
                     <i class="ti-menu"></i>
                 </a>
             </li>
@@ -100,7 +100,7 @@
                     </li>
                     <li class="pX-20 pY-15 ta-c bdT">
                         <span>
-                            <a href="{% url 'tickets' %}" class="c-grey-600 cH-blue fsz-sm td-n">View All Tickets <i class="fs-xs ti-angle-right ms-10"></i></a>
+                            <a href="" class="c-grey-600 cH-blue fsz-sm td-n">View All Tickets <i class="fs-xs ti-angle-right ms-10"></i></a>
                         </span>
                     </li>
                 </ul>
@@ -122,20 +122,20 @@
                         </a>
                     </li>
                     <li>
-                        <a href="{% url 'profile' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                        <a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
                             <i class="ti-user mR-10"></i>
                             <span>Profile</span>
                         </a>
                     </li>
                     <li>
-                        <a href="email.html" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                        <a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
                             <i class="ti-email mR-10"></i>
                             <span>Messages</span>
                         </a>
                     </li>
                     <li role="separator" class="divider"></li>
                     <li>
-                        <a href="{% url 'logout' %}" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
+                        <a href="#" class="d-b td-n pY-5 bgcH-grey-100 c-grey-700">
                             <i class="ti-power-off mR-10"></i>
                             <span>Logout</span>
                         </a>
diff --git a/apps/templates/includes/sidebar.html b/apps/templates/includes/sidebar.html
index cbfdfe2..dc8a7ad 100644
--- a/apps/templates/includes/sidebar.html
+++ b/apps/templates/includes/sidebar.html
@@ -1,32 +1,32 @@
 {% load static %}
-      <div class="sidebar bg-body">
-        <div class="sidebar-inner">
-          <!-- ### $Sidebar Header ### -->
-          <div class="sidebar-logo">
+<div class="sidebar bg-body bdR">
+    <div class="sidebar-inner">
+        <!-- ### $Sidebar Header ### -->
+        <div class="sidebar-logo">
             <div class="peers ai-c fxw-nw">
-              <div class="peer peer-greed">
-                <a class="sidebar-link td-n" href="/">
-                  <div class="peers ai-c fxw-nw">
-                    <div class="peer">
-                      <div class="logo">
-                        <img src="{% static '/images/logo.png' %}" alt="">
-                      </div>
-                    </div>
-                    <div class="peer peer-greed">
-                      <h5 class="lh-1 mB-0 text-body-tertiary">Adminator</h5>
-                    </div>
-                  </div>
-                </a>
-              </div>
-              <div class="peer">
-                <div class="mobile-toggle sidebar-toggle">
-                  <a href="" class="td-n">
-                    <i class="ti-arrow-circle-left"></i>
-                  </a>
+                <div class="peer peer-greed">
+                    <a class="sidebar-link td-n" href="/">
+                        <div class="peers ai-c fxw-nw">
+                            <div class="peer">
+                                <div class="logo">
+                                    <img src="{% static '/images/pyrss_logo.webp' %}" width="70" alt="">
+                                </div>
+                            </div>
+                            <div class="peer peer-greed">
+                                <h5 class="lh-1 mB-0 text-body-tertiary text-nowrap">PYRSS WEBSITE</h5>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+                <div class="peer">
+                    <div class="mobile-toggle sidebar-toggle">
+                        <a href="" class="td-n">
+                            <i class="ti-arrow-circle-left"></i>
+                        </a>
+                    </div>
                 </div>
-              </div>
             </div>
-          </div>
+        </div>
 
           <!-- ### $Sidebar Menu ### -->
             <!-- <li class="nav-item">