diff --git a/resources/views/pages/customer_support.blade.php b/resources/views/pages/customer_support.blade.php
index c93e5aa7..f7a6e6ed 100644
--- a/resources/views/pages/customer_support.blade.php
+++ b/resources/views/pages/customer_support.blade.php
@@ -1,5 +1,40 @@
 @extends('layouts.base_portal')
 @section('inner_content')
+    <style>
+        header {
+            background-color: #f5f5f5;
+            padding: 10px;
+        }
+
+        nav {
+            display: flex;
+            justify-content: center;
+        }
+
+        nav ul {
+            list-style: none;
+            display: flex;
+        }
+
+        nav ul li {
+            margin: 0 10px;
+        }
+
+        nav ul li a {
+            text-decoration: none;
+            color: #333;
+        }
+
+        /* Section Styles */
+        section {
+            padding: 20px;
+        }
+
+        section h2 {
+            margin-bottom: 10px;
+        }
+
+    </style>
     <div class="row">
         <div class="col bg-white p-t-15 p-b-15">
             <div class="row no-margin">
@@ -27,6 +62,23 @@
     </div>
     <div class="row">
         <div class="col">
+            <header>
+                <nav>
+                    <ul>
+                        <li><a href="#customer-account">Customer Account</a></li>
+                        <li><a href="#customer-verification">Customer Verification</a></li>
+                        <li><a href="#booking">Booking</a></li>
+                        <li><a href="#payment">Payment</a></li>
+                        <li><a href="#transfer-proof">Transfer Proof</a></li>
+                        <li><a href="#purchase-order">Purchase Order</a></li>
+                        <li><a href="#invoice">Invoice</a></li>
+                        <li><a href="#bank-slip">Bank Slip</a></li>
+                        <li><a href="#bank-account">Bank Account</a></li>
+                        <li><a href="#refund">Refund</a></li>
+                        <li><a href="#supplier">Supplier</a></li>
+                    </ul>
+                </nav>
+            </header>
             <main>
                 @if($company)
                     @php
@@ -39,7 +91,7 @@
                         <p>Customer's Name: <span>{{$employees->pluck('name')->implode(', ')}}</span></p>
                         <p>Email: <span>{{$employees->pluck('email')->implode(', ')}}</span></p>
                         <p>Phone: <span>{{$company->contacts->pluck('phone')->implode(', ')}}</span></p>
-                        <p>Registration Date: <span>{{$company->created_at->format('d-m-YY')}}</span></p>
+                        <p>Registration Date: <span>{{$company->created_at->format('d-m-Y')}}</span></p>
                     </section>
                     <section id="customer-verification">
                         <h2>Customer Verification</h2>