diff --git a/osinaweb/billing/__pycache__/models.cpython-312.pyc b/osinaweb/billing/__pycache__/models.cpython-312.pyc
index 0c9dd39b..271dfed0 100644
Binary files a/osinaweb/billing/__pycache__/models.cpython-312.pyc and b/osinaweb/billing/__pycache__/models.cpython-312.pyc differ
diff --git a/osinaweb/billing/__pycache__/views.cpython-312.pyc b/osinaweb/billing/__pycache__/views.cpython-312.pyc
index 5c1a9ef8..43a644bf 100644
Binary files a/osinaweb/billing/__pycache__/views.cpython-312.pyc and b/osinaweb/billing/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc b/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc
index e540cc73..6a617920 100644
Binary files a/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc and b/osinaweb/billing/add/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/billing/add/__pycache__/views.cpython-312.pyc b/osinaweb/billing/add/__pycache__/views.cpython-312.pyc
index 99efe06c..6b2da27f 100644
Binary files a/osinaweb/billing/add/__pycache__/views.cpython-312.pyc and b/osinaweb/billing/add/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/urls.cpython-312.pyc b/osinaweb/customercore/__pycache__/urls.cpython-312.pyc
index 109b9f53..fa894140 100644
Binary files a/osinaweb/customercore/__pycache__/urls.cpython-312.pyc and b/osinaweb/customercore/__pycache__/urls.cpython-312.pyc differ
diff --git a/osinaweb/customercore/__pycache__/views.cpython-312.pyc b/osinaweb/customercore/__pycache__/views.cpython-312.pyc
index 7998b1e0..8cacf2b6 100644
Binary files a/osinaweb/customercore/__pycache__/views.cpython-312.pyc and b/osinaweb/customercore/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc b/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc
index 4a553206..ff1eacfc 100644
Binary files a/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc and b/osinaweb/customercore/payment/__pycache__/views.cpython-312.pyc differ
diff --git a/osinaweb/customercore/templates/contact.html b/osinaweb/customercore/templates/contact.html
new file mode 100644
index 00000000..8b1d4cc5
--- /dev/null
+++ b/osinaweb/customercore/templates/contact.html
@@ -0,0 +1,133 @@
+{% extends "customer_main.html" %}
+{%load static%}
+{% block content %}
+
+<div class="w-full px-5 s:px-9 flex flex-col gap-5">
+    <div class="w-full bg-white rounded-md h-fit shadow-md p-5 flex justify-center items-center text-center"> 
+        <p class="text-secondosiblue font-poppinsBold text-xl s:text-2xl">Ositcom Support is Availale 24h a Day on Whatsapp <a href="https://wa.me/96171918718" target="_blank" class="cursor-pointer hover:text-gray-400 duration-300">+961 71 918 718</a></p>
+    </div>
+
+    <div class="w-full bg-white rounded-md h-fit shadow-md p-5">
+        <div class="w-full grid grid-cols-1 md:grid-cols-2 gap-5">
+            <div class="w-full rounded-md shadow-md bg-secondosiblue p-5 s:p-9 flex flex-col gap-5">
+                <p class="text-2xl text-white">Open a Support Ticket</p>
+
+                <p class="text-white opacity-80 text-[17px leading-7]">Our award-winning service team has no tiers, no
+                    bots, no hand-offs, just highly trained professionals who
+                    answer your questions and solve your issue.</p>
+
+                <button
+                    class="w-fit px-5 py-2 rounded-md border border-white text-white hover:bg-white hover:text-secondosiblue duration-300">
+                    Create a Ticket
+                </button>
+            </div>
+
+            <div class="w-full rounded-md shadow-md bg-secondosiblue p-5 s:p-9 flex flex-col gap-5">
+                <p class="text-2xl text-white">Getting Started Guide</p>
+
+                <p class="text-white opacity-80 text-[17px leading-7]">Need help kicking off your project with Ositcom
+                    Ltd? at Oitcom Blog we have prepared many articles about every service provided by us
+                </p>
+
+                <button
+                    class="w-fit px-5 py-2 rounded-md border border-white text-white hover:bg-white hover:text-secondosiblue duration-300">
+                    View Guide
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <div class="w-full bg-white rounded-md h-fit shadow-md p-5">
+        <div class="w-full grid grid-cols-1 md:grid-cols-2 gap-5">
+            <div
+                class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
+                <p class="text-2xl text-secondosiblue">Call OSITCOM Support</p>
+
+                <p class="text-gray-500">Phone support is available day and night for existing customers, account
+                    support, and general
+                    inquiries.<br><br>
+
+                    You could contact us via LiveChat or Whatsaap on +9619918718.<br><br>
+
+                    You could contact Ositcom development department on +961918718 or via whatsaap on +961918719</p>
+
+            </div>
+
+            <div
+                class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
+                <p class="text-2xl text-secondosiblue">Contact OSITCOM Sales
+                </p>
+
+                <p class="text-gray-500">If you have a question about a large deployment or migration, we are here to
+                    help. Request a meeting with one of our solutions consultants today.<br><br>
+
+                    You could contact our sales department on +9619918718 during working hours or schedule a meeting via
+                    Whatsapp on +96171918718.
+                </p>
+
+                <button
+                    class="w-fit px-5 py-2 bg-secondosiblue rounded-md text-white border border-secondosiblue cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
+                    Schedule A Meeting
+                </button>
+            </div>
+
+            <div
+                class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
+                <p class="text-2xl text-secondosiblue">Email Us
+                </p>
+
+                <p class="text-gray-500">Contact us if you need help recovering your account credentials or have a
+                    general inquiry.<br><br>
+
+                    For general inquiery: info@ositcom.net<br>
+                    For sales: info@ositcom.net<br>
+                    For ositcom admin: info@ositcom.net<br>
+                </p>
+
+                <button
+                    class="w-fit px-5 py-2 bg-secondosiblue rounded-md text-white border border-secondosiblue cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
+                    Send Email
+                </button>
+            </div>
+
+
+            <div
+                class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9 flex flex-col justify-between gap-5">
+                <p class="text-2xl text-secondosiblue">Professional Services
+                </p>
+
+                <p class="text-gray-500">Professional, system administration assistance as a service.<br><br>
+
+                    To ask for a Quotation contact us on +96171918718 or send an email to info@ositcom.com
+                </p>
+
+                <button
+                    class="w-fit px-5 py-2 bg-secondosiblue rounded-md text-white border border-secondosiblue cursor-pointer hover:bg-transparent hover:text-secondosiblue duration-300">
+                    Get A Quote
+                </button>
+            </div>
+        </div>
+    </div>
+
+    <div class="w-full bg-white rounded-md h-fit shadow-md p-5">
+        <div
+        class="w-full rounded-md shadow-md bg-gray-50 border border-hray-100 p-5 s:p-9">
+
+        <p class="text-secondosiblue text-2xl">Contact Us</p>
+            <form class="w-full grid grid-cols-1 md:grid-cols-2 gap-3 mt-5">
+                <input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="First Name">
+                <input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="Last Name">
+                <input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="Email">
+                <input class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md" placeholder="Mobile Number">
+                <textarea name="" id="" class="w-full border border-gray-300 px-5 py-3 outline-none rounded-md resize-none col-span-1 md:col-span-2" placeholder="Your Message..." rows="8"></textarea>
+                <button class="w-full bg-secondosiblue border border-secondosiblue text-white rounded-md px-5 py-3 col-span-1 md:col-span-2 hover:text-secondosiblue hover:bg-transparent duration-300">
+                    Submit
+                </button>
+            </form>
+        </div>
+
+    </div>
+</div>
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/osinaweb/customercore/templates/products/osicard-plans.html b/osinaweb/customercore/templates/products/osicard-plans.html
index f1ffad85..995cbd50 100644
--- a/osinaweb/customercore/templates/products/osicard-plans.html
+++ b/osinaweb/customercore/templates/products/osicard-plans.html
@@ -333,12 +333,20 @@
                 </div>
 
                 <div class="w-full flex flex-col p-5 border border-gray-200 featuresContainer hidden">
+
+                    <div class="flex justify-start items-center gap-2 py-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                            stroke="currentColor" class="w-6 h-6 text-red-500">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+                        </svg>
+                        <p class="font-light text-secondosiblue">One business</p>
+                    </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                             stroke="currentColor" class="w-6 h-6 text-yellow-500">
                             <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
                         </svg>
-                        <p class="font-light text-secondosiblue">One user</p>
+                        <p class="font-light text-secondosiblue">One profile</p>
                     </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@@ -427,19 +435,26 @@
                 </div>
 
                 <div class="w-full flex flex-col p-5 border border-gray-200 featuresContainer hidden">
+                    <div class="flex justify-start items-center gap-2 py-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                            stroke="currentColor" class="w-6 h-6 text-green-600">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+                        </svg>
+                        <p class="font-light text-secondosiblue">One business</p>
+                    </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                             stroke="currentColor" class="w-6 h-6 text-yellow-500">
                             <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
                         </svg>
-                        <p class="font-light text-secondosiblue">One user</p>
+                        <p class="font-light text-secondosiblue">10 profiles</p>
                     </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                             stroke="currentColor" class="w-6 h-6 text-yellow-500">
                             <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
                         </svg>
-                        <p class="font-light text-secondosiblue">One digital business card</p>
+                        <p class="font-light text-secondosiblue">10 digital business cards</p>
                     </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@@ -524,14 +539,21 @@
                             stroke="currentColor" class="w-6 h-6 text-green-600">
                             <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
                         </svg>
-                        <p class="font-light text-secondosiblue">Unlimited user</p>
+                        <p class="font-light text-secondosiblue">One business</p>
+                    </div>
+                    <div class="flex justify-start items-center gap-2 py-1">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                            stroke="currentColor" class="w-6 h-6 text-green-600">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+                        </svg>
+                        <p class="font-light text-secondosiblue">Unlimited profiles</p>
                     </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                             stroke="currentColor" class="w-6 h-6 text-green-600">
                             <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
                         </svg>
-                        <p class="font-light text-secondosiblue">Unlimited digital business card</p>
+                        <p class="font-light text-secondosiblue">Unlimited digital business cards</p>
                     </div>
                     <div class="flex justify-start items-center gap-2 py-1">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
diff --git a/osinaweb/customercore/urls.py b/osinaweb/customercore/urls.py
index 3bc91c80..b1e7e423 100644
--- a/osinaweb/customercore/urls.py
+++ b/osinaweb/customercore/urls.py
@@ -9,6 +9,8 @@ urlpatterns = [
     path('redirect-osimenu/', views.redirect_osimenu, name='redirectosimenu'),
     path('redirect-osicard/', views.redirect_osicard, name='redirectosicard'),
 
+    path('contact/', views.contact, name='contact'),
+
     # LISTING
     path('my-invoices/', views.customer_invoices, name='customerinvoices'),
     path('products/', views.all_products, name='products'),
diff --git a/osinaweb/customercore/views.py b/osinaweb/customercore/views.py
index 2f118ed9..c5815939 100644
--- a/osinaweb/customercore/views.py
+++ b/osinaweb/customercore/views.py
@@ -30,6 +30,17 @@ def redirect_osicard(request):
     return redirect(url)
 
 
+@customer_login_required
+def contact(request, *args, **kwargs):
+    
+    context = {
+
+    }
+
+    return render(request, 'contact.html', context)
+
+
+
 # LISTING
 @customer_login_required
 def customer_invoices(request, *args, **kwargs):
@@ -364,4 +375,8 @@ def close_ticket_status_modal(request, *args, **kwargs):
 
     }
 
-    return render(request, 'edit_templates/close-ticket-status-modal.html', context)
\ No newline at end of file
+    return render(request, 'edit_templates/close-ticket-status-modal.html', context)
+
+
+
+
diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index d82aeae6..bdf4c667 100644
Binary files a/osinaweb/db.sqlite3 and b/osinaweb/db.sqlite3 differ
diff --git a/osinaweb/osinacore/templates/customer_index.html b/osinaweb/osinacore/templates/customer_index.html
index 09bb918b..4d681e36 100644
--- a/osinaweb/osinacore/templates/customer_index.html
+++ b/osinaweb/osinacore/templates/customer_index.html
@@ -206,7 +206,7 @@
 
         <div class="w-full grid grid-cols-1 s:grid-cols-2 gap-5 mt-5">
             <div
-                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
+                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
                 <div
                     class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@@ -223,7 +223,7 @@
             </div>
 
             <div
-                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
+                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
                 <div
                     class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@@ -241,7 +241,7 @@
 
 
             <div
-                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
+                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
                 <div
                     class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
@@ -256,22 +256,24 @@
                 <p class="text-gray-500 font-light text-center">Get Updates on Ositcom incidents and maintenance.</p>
             </div>
 
-            <div
-                class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10">
+            <a href="{% url 'contact' %}">
                 <div
-                    class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
-                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                        stroke="currentColor" class="w-8 h-8 text-secondosiblue">
-                        <path stroke-linecap="round" stroke-linejoin="round"
-                            d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z" />
-                    </svg>
+                    class="flex flex-col gap-3 justify-center items-center bg-gray-50 border border-gray-100 shadow-md rounded-md px-5 py-10 hover:bg-gray-100 duration-300">
+                    <div
+                        class="w-[70px] h-[70px] rounded-full bg-white border border-gray-100 flex justify-center items-center p-2">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                            stroke="currentColor" class="w-8 h-8 text-secondosiblue">
+                            <path stroke-linecap="round" stroke-linejoin="round"
+                                d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z" />
+                        </svg>
 
-                </div>
+                    </div>
 
-                <p class="font-poppinsBold text-secondosiblue text-center text-xl">Customer Support</p>
+                    <p class="font-poppinsBold text-secondosiblue text-center text-xl">Customer Support</p>
 
-                <p class="text-gray-500 font-light text-center">View or open Ositcom Support tickets.</p>
-            </div>
+                    <p class="text-gray-500 font-light text-center">View or open Ositcom Support tickets.</p>
+                </div>
+            </a>
         </div>
     </div>
 </div>
diff --git a/osinaweb/osinacore/templates/customer_main.html b/osinaweb/osinacore/templates/customer_main.html
index 5893bfcd..e322e9f4 100644
--- a/osinaweb/osinacore/templates/customer_main.html
+++ b/osinaweb/osinacore/templates/customer_main.html
@@ -150,12 +150,14 @@
                         <p>Knowledgebase</p>
                     </div>
 
-                    <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3 text-white">
-                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[25px] text-white">
-                            <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
-                        </svg>                          
-                        <p>Contact Us</p>
-                    </div>
+                    <a href="{% url 'contact' %}" class="w-full">
+                        <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3 text-white">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[25px] text-white">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
+                            </svg>                          
+                            <p>Contact Us</p>
+                        </div>
+                    </a>
                 </div>
             </div>
 
@@ -344,16 +346,14 @@
                         </div>
                     </div>
 
-                    <div class="w-full">
-                        <div class="w-full flex justify-between items-center border-b border-slate-600 py-3">
-                            <div class="w-full flex justify-start items-center gap-3">
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[25px] text-white">
-                                    <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
-                                </svg>    
-                                <p class="text-white">Contact Us</p>
-                            </div>
+                    <a href="{% url 'contact' %}" class="w-full">
+                        <div class="w-full flex justify-start items-center gap-3 border-b border-slate-600 py-3 text-white">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[25px] text-white">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
+                            </svg>                          
+                            <p>Contact Us</p>
                         </div>
-                    </div>
+                    </a>
                 </div>
             </div>
         </div>
diff --git a/osinaweb/static/dist/output.css b/osinaweb/static/dist/output.css
index d7b33055..b725be40 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -3962,6 +3962,10 @@ video {
 }
 
 @media (min-width: 798px) {
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .md\:mb-0 {
     margin-bottom: 0px;
   }
@@ -4071,6 +4075,11 @@ video {
   .l\:border-l {
     border-left-width: 1px;
   }
+
+  .l\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
 }
 
 @media (min-width: 1110px) {