diff --git a/src/app/components/general/header/header.component.css b/src/app/components/general/header/header.component.css
index 0e71687..a3973dd 100644
--- a/src/app/components/general/header/header.component.css
+++ b/src/app/components/general/header/header.component.css
@@ -47,3 +47,7 @@ mat-card {
   justify-content: space-between;
   align-items: center;
 }
+
+.nav-link mat-icon {
+  margin-right: 5px; /* Adjust icon spacing */
+}
diff --git a/src/app/components/general/header/header.component.html b/src/app/components/general/header/header.component.html
index 9177321..74b9541 100644
--- a/src/app/components/general/header/header.component.html
+++ b/src/app/components/general/header/header.component.html
@@ -1,4 +1,3 @@
-<header>
 <nav [@animateMenu] class="navbar navbar-expand-lg navbar-dark bg-dark">
   <div class="container-fluid">
     <a class="navbar-brand" href="#">
@@ -13,89 +12,28 @@
         <a class="nav-link active" aria-current="page" (click)="toggleNavbar()" href="#">Home</a>
         <a class="nav-link" (click)="scroll('about'); toggleNavbar()" href="#about">About me</a>
         <a class="nav-link" (click)="scroll('jobs'); toggleNavbar()" href="#jobs">Experience</a>
-        <a class="nav-link" (click)="scroll('projects'); toggleNavbar()" href="/404">Projects</a>
         <a class="nav-link" (click)="scroll('contact'); toggleNavbar()" href="#footer">Contact me</a>
+        <a class="nav-link" [href]="blogUrl" target="_blank">Blogs</a>
+        <a class="nav-link" [href]="adminUrl" target="_blank">Admin</a>
       </div>
       <div class="navbar-nav ms-auto">
-        <a class="nav-link" href="#" (click)="download(slides)" title="resume">Resume<!--<mat-icon class="mat-download-icon-custom">download</mat-icon>--></a>
+        <!-- Contact Links -->
+        <a class="nav-link" href="tel:+919982761929" title="Call us"><mat-icon>phone</mat-icon></a>
+        <a class="nav-link" href="https://wa.me/9982761929" target="_blank" title="WhatsApp"><mat-icon>chat</mat-icon></a>
+
+        <!-- Resume Download -->
+        <a class="nav-link" href="#" (click)="download(slides)" title="resume">Resume</a>
+
+        <!-- Profile Image -->
         <a class="navbar-brand" href="#">
           <img src="https://avatars3.githubusercontent.com/keshavsingh4522?size=400" height="22" alt="Profile image"
             class="profileImg" />
         </a>
+
+        <!-- Login/Logout -->
         <a class="nav-link" href="#" *ngIf="!loginDisplay" (click)="login('en')" title="login"><mat-icon>login</mat-icon></a>
         <a class="nav-link" href="#" *ngIf="loginDisplay" (click)="logout()" title="logout"><mat-icon>logout</mat-icon></a>
       </div>
     </div>
   </div>
 </nav>
-
-<mat-card>
-	<!-- <div class="file">
-		<p>{{ slides.name }}</p>
-		<button (click)="download(slides)" mat-raised-button color="primary">Download</button>
-	</div> -->
-	<mat-progress-bar *ngIf="download$ | async as download"
-		[mode]="download.state === 'PENDING' ? 'buffer' : 'determinate'"
-    [value]="download.progress">
-	</mat-progress-bar>
-</mat-card>
-
-</header>
-<!-- <header>
-  <nav class="navbar fixed-top navbar-expand-lg navbar-dark">
-      <div class="home p-1 rounded">
-          <ul class="navbar-nav">
-              <li class="nav-item p-1 rounded">
-                  <a class="nav-link smooth-scroll text-uppercase" href="#"><i class='bx bx-home'></i> {{'header.home'
-                      | translate}}
-                  </a>
-              </li>
-          </ul>
-      </div>
-      <button class="navbar-toggler nav mb-1">
-          <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="container ">
-          <div style="width: 100%; float: right;" class="collapse navbar-collapse" id="navbarSupportedContent">
-              <ul class="navbar-nav" style=" float: right;">
-                  <li class="nav-item p-1 rounded">
-                      <a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#about"><i
-                              class='bx bx-user'></i> {{'header.about' | translate}}
-                      </a>
-                  </li>
-                  <li class="nav-item p-1 rounded">
-                      <a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#skills"><i
-                              class='bx bx-briefcase-alt'></i>{{'header.skills' | translate}}</a>
-                  </li>
-                  <li class="nav-item p-1 rounded">
-                      <a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#cv"> <i
-                              class='bx bx-file-blank'></i>CV</a>
-                  </li>
-                  <li class="nav-item p-1 rounded">
-                      <a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#portfolio"> <i
-                              class='bx bx-book-content'></i>Portfolio</a>
-                  </li>
-                  <li class="nav-item p-1 rounded">
-                      <a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#references"><i
-                              class='bx bxs-badge-check'></i> {{'header.references' | translate}}</a>
-                  </li>
-                  <li class="nav-item p-1 rounded">
-                      <a class="nav-link js-scroll-trigger smooth-scroll text-uppercase" href="#contact"> <i
-                              class='bx bx-envelope'></i>{{'header.contactMe' | translate}}</a>
-                  </li>
-                  <li class="nav-item p-1 rounded">
-                      <mat-radio-group  [(ngModel)]="language" style="margin-top: 5px;"
-                          (change)="languageChange($event)" aria-label="Select a language">
-                          <mat-radio-button value="en" >
-                              English
-                          </mat-radio-button>
-                          <mat-radio-button value="fr" class="pl-3">
-                              Français
-                          </mat-radio-button>
-                      </mat-radio-group>
-                  </li>
-              </ul>
-          </div>
-      </div>
-  </nav>
-</header> -->
diff --git a/src/app/components/general/header/header.component.ts b/src/app/components/general/header/header.component.ts
index a2f3bfa..95de365 100644
--- a/src/app/components/general/header/header.component.ts
+++ b/src/app/components/general/header/header.component.ts
@@ -44,6 +44,8 @@ export class HeaderComponent implements OnInit, OnDestroy {
   pageYPosition = 0;
   cvName = "";
   cvUrl="";
+  blogUrl = environment.blogUrl;
+  adminUrl = environment.adminUrl;
   languageFormControl: FormControl = new FormControl();
   slides =
     { name: 'Keshav_Singh_Resume', url: environment.awsUserApiBaseUrl + '/'+ environment.mapConfig.analytics +'/' + environment.fileApiEndpoints.generateUrl.replace("{key}","Keshav_Singh_Resume_2024.pdf") };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index ce99857..877aaa3 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -1,6 +1,8 @@
 export const environment = {
   production: false,
   awsUserApiBaseUrl: 'https://dev-api-v2.keshavsingh.net',
+  blogUrl: 'https://www.blogs.keshavsingh.net',
+  adminUrl: 'https://www.admin.keshavsingh.net',
   apiVersion: 'v1',
   mapConfig:{
     external:"ext",
diff --git a/src/index.html b/src/index.html
index 8b0fb4b..297ff5d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -101,11 +101,16 @@
 </head>
 
 <body>
-  <app-root>loading...</app-root>
-  <app-redirect></app-redirect>
-  <noscript>Please enable JavaScript to continue using this application.</noscript>
   <!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7491898429210678"
      crossorigin="anonymous"></script> -->
-</body>
 
+<app-root>
+  <div class="fade show" style="text-align: center; padding-top: calc(100vh / 2); height: 100vh">
+    <i class="spinner-grow spinner-grow-sm"></i>
+    <span class="m-1">Loading...</span>
+  </div>
+</app-root>
+<app-redirect></app-redirect>
+<noscript>Please enable JavaScript to continue using this application.</noscript>
+</body>
 </html>