diff --git a/resources/js/components/Footer.vue b/resources/js/components/Footer.vue
index 1e05bcc..9c9c2a5 100644
--- a/resources/js/components/Footer.vue
+++ b/resources/js/components/Footer.vue
@@ -13,333 +13,8 @@ import AppLogo from './AppLogo.vue';
 </script>
 
 <template>
-    <footer
-        class="relative mt-16 overflow-hidden border-t-4 border-red-700 bg-white py-12 sm:py-16"
-    >
-        <!-- faint red/blue tint wash -->
-        <div
-            class="pointer-events-none absolute inset-0 bg-gradient-to-br from-red-50/70 via-white to-blue-50/70"
-        ></div>
-        <!-- subtle web-dot pattern accent -->
-        <div
-            class="pointer-events-none absolute inset-0 [background-image:radial-gradient(circle_at_1px_1px,black_1px,transparent_1px)] [background-size:18px_18px] opacity-[0.05]"
-        ></div>
-        <!-- top accent stripe -->
-        <div
-            class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-red-700 via-blue-700 to-red-700"
-        ></div>
-
-        <!-- scattered spider glyphs -->
-        <svg
-            class="pointer-events-none absolute top-8 left-[8%] h-7 w-7 text-red-700/40 sm:h-9 sm:w-9"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-        <svg
-            class="pointer-events-none absolute top-20 right-[14%] h-6 w-6 text-blue-700/40 sm:h-8 sm:w-8"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-        <svg
-            class="pointer-events-none absolute bottom-32 left-[24%] h-6 w-6 text-red-700/30 sm:h-8 sm:w-8"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-        <svg
-            class="pointer-events-none absolute right-[8%] bottom-36 h-7 w-7 text-blue-700/30 sm:h-9 sm:w-9"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-
-        <!-- big web-net graphic, bottom-left corner (soft radial fan) -->
-        <svg
-            class="pointer-events-none absolute -bottom-4 -left-4 h-28 w-28 text-red-700/35 sm:h-32 sm:w-32"
-            viewBox="0 0 100 100"
-            fill="none"
-            stroke-linecap="round"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <!-- spokes fanning from the corner -->
-            <line
-                x1="0"
-                y1="100"
-                x2="100"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.5"
-            />
-            <line
-                x1="0"
-                y1="100"
-                x2="96.6"
-                y2="74.1"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.7"
-            />
-            <line
-                x1="0"
-                y1="100"
-                x2="86.6"
-                y2="50"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.8"
-            />
-            <line
-                x1="0"
-                y1="100"
-                x2="70.7"
-                y2="29.3"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="100"
-                x2="50"
-                y2="13.4"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.8"
-            />
-            <line
-                x1="0"
-                y1="100"
-                x2="25.9"
-                y2="3.4"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.7"
-            />
-            <line
-                x1="0"
-                y1="100"
-                x2="0"
-                y2="0"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.5"
-            />
-            <!-- concentric rounded arcs -->
-            <path
-                d="M15,100 A15,15 0 0,1 0,85"
-                stroke="currentColor"
-                stroke-width="0.9"
-            />
-            <path
-                d="M30,100 A30,30 0 0,1 0,70"
-                stroke="currentColor"
-                stroke-width="0.9"
-            />
-            <path
-                d="M46,100 A46,46 0 0,1 0,54"
-                stroke="currentColor"
-                stroke-width="0.9"
-            />
-            <path
-                d="M64,100 A64,64 0 0,1 0,36"
-                stroke="currentColor"
-                stroke-width="0.8"
-            />
-            <path
-                d="M84,100 A84,84 0 0,1 0,16"
-                stroke="currentColor"
-                stroke-width="0.8"
-            />
-        </svg>
-
-        <!-- big web-net graphic, bottom-right corner (soft radial fan) -->
-        <svg
-            class="pointer-events-none absolute -right-4 -bottom-4 h-28 w-28 text-blue-700/30 sm:h-32 sm:w-32"
-            viewBox="0 0 100 100"
-            fill="none"
-            stroke-linecap="round"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <line
-                x1="100"
-                y1="100"
-                x2="0"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.5"
-            />
-            <line
-                x1="100"
-                y1="100"
-                x2="3.4"
-                y2="74.1"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.7"
-            />
-            <line
-                x1="100"
-                y1="100"
-                x2="13.4"
-                y2="50"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.8"
-            />
-            <line
-                x1="100"
-                y1="100"
-                x2="29.3"
-                y2="29.3"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="100"
-                y1="100"
-                x2="50"
-                y2="13.4"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.8"
-            />
-            <line
-                x1="100"
-                y1="100"
-                x2="74.1"
-                y2="3.4"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.7"
-            />
-            <line
-                x1="100"
-                y1="100"
-                x2="100"
-                y2="0"
-                stroke="currentColor"
-                stroke-width="1"
-                opacity="0.5"
-            />
-            <path
-                d="M85,100 A15,15 0 0,0 100,85"
-                stroke="currentColor"
-                stroke-width="0.9"
-            />
-            <path
-                d="M70,100 A30,30 0 0,0 100,70"
-                stroke="currentColor"
-                stroke-width="0.9"
-            />
-            <path
-                d="M54,100 A46,46 0 0,0 100,54"
-                stroke="currentColor"
-                stroke-width="0.9"
-            />
-            <path
-                d="M36,100 A64,64 0 0,0 100,36"
-                stroke="currentColor"
-                stroke-width="0.8"
-            />
-            <path
-                d="M16,100 A84,84 0 0,0 100,16"
-                stroke="currentColor"
-                stroke-width="0.8"
-            />
-        </svg>
-
-        <!-- tiny web-net fragment, top-left corner -->
-        <svg
-            class="pointer-events-none absolute -top-2 -left-2 h-10 w-10 text-red-700/20"
-            viewBox="0 0 100 100"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <line
-                x1="0"
-                y1="0"
-                x2="100"
-                y2="0"
-                stroke="currentColor"
-                stroke-width="1.5"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="0"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1.5"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="100"
-                y2="60"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="60"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M14,0 A14,14 0 0,1 0,14"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M32,0 A32,32 0 0,1 0,32"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M55,0 A55,55 0 0,1 0,55"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-        </svg>
-
-        <div class="relative mx-auto max-w-7xl px-4 sm:px-6">
+    <footer class="mt-16 border-t border-slate-100 bg-white py-12 sm:py-16">
+        <div class="mx-auto max-w-7xl px-4 sm:px-6">
             <div class="grid grid-cols-1 gap-y-10 md:grid-cols-12 md:gap-x-12">
                 <div
                     class="flex flex-col items-center text-center md:col-span-5 md:items-start md:text-left"
@@ -357,7 +32,7 @@ import AppLogo from './AppLogo.vue';
                             href="https://github.com/hscstack"
                             rel="noopener noreferrer"
                             target="_blank"
-                            class="text-slate-400 transition-colors duration-150 hover:text-red-700"
+                            class="text-slate-400 transition-colors duration-150 hover:text-slate-900"
                             aria-label="GitHub Repository"
                         >
                             <Github class="h-5 w-5" />
@@ -367,7 +42,7 @@ import AppLogo from './AppLogo.vue';
                             href="https://www.facebook.com/hscstackbd"
                             rel="noopener noreferrer"
                             target="_blank"
-                            class="text-slate-400 transition-colors duration-150 hover:text-blue-700"
+                            class="text-slate-400 transition-colors duration-150 hover:text-blue-600"
                             aria-label="Facebook Page"
                         >
                             <Facebook class="h-5 w-5" />
@@ -382,7 +57,7 @@ import AppLogo from './AppLogo.vue';
                             href="https://tajimz.xyz"
                             target="_blank"
                             rel="noopener noreferrer"
-                            class="text-slate-600 underline transition-colors hover:text-red-700"
+                            class="text-slate-600 underline transition-colors hover:text-indigo-600"
                             >Tajim</a
                         >
                     </p>
@@ -401,36 +76,36 @@ import AppLogo from './AppLogo.vue';
                             <li>
                                 <Link
                                     href="/guide"
-                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-red-700"
+                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
-                                    <BookOpen class="h-4 w-4 text-red-600" />
+                                    <BookOpen class="h-4 w-4 text-indigo-500" />
                                     <span>Documentation</span>
                                 </Link>
                             </li>
                             <li>
                                 <Link
                                     href="/about-us"
-                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-red-700"
+                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
-                                    <Users class="h-4 w-4 text-red-600" />
+                                    <Users class="h-4 w-4 text-indigo-500" />
                                     <span>Our Contributors</span>
                                 </Link>
                             </li>
                             <li>
                                 <Link
                                     href="/join"
-                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-red-700"
+                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
-                                    <UserPlus class="h-4 w-4 text-red-600" />
+                                    <UserPlus class="h-4 w-4 text-indigo-500" />
                                     <span>Join Our Team</span>
                                 </Link>
                             </li>
                             <li>
                                 <Link
                                     href="/support"
-                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-red-700"
+                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
-                                    <Heart class="h-4 w-4 text-red-600" />
+                                    <Heart class="h-4 w-4 text-indigo-500" />
                                     <span>Support HSCStack</span>
                                 </Link>
                             </li>
@@ -439,10 +114,10 @@ import AppLogo from './AppLogo.vue';
                                     href="https://tajimz.xyz/projects"
                                     target="_blank"
                                     rel="noopener noreferrer"
-                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-red-700"
+                                    class="inline-flex items-center gap-1.5 text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
                                     <ExternalLink
-                                        class="h-4 w-4 text-red-600"
+                                        class="h-4 w-4 text-indigo-500"
                                     />
                                     <span>More From Us</span>
                                 </a>
@@ -460,7 +135,7 @@ import AppLogo from './AppLogo.vue';
                             <li>
                                 <Link
                                     href="/privacy-policy"
-                                    class="text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-blue-700"
+                                    class="text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
                                     Privacy Policy
                                 </Link>
@@ -468,7 +143,7 @@ import AppLogo from './AppLogo.vue';
                             <li>
                                 <Link
                                     href="/terms-service"
-                                    class="text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-blue-700"
+                                    class="text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
                                     Terms of Service
                                 </Link>
@@ -477,7 +152,7 @@ import AppLogo from './AppLogo.vue';
                             <li>
                                 <Link
                                     href="/content-policy"
-                                    class="text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-blue-700"
+                                    class="text-sm font-medium text-slate-600 transition-colors duration-150 hover:text-indigo-600"
                                 >
                                     Content Policy
                                 </Link>
@@ -498,7 +173,7 @@ import AppLogo from './AppLogo.vue';
                         href="https://tajimz.xyz"
                         target="_blank"
                         rel="noopener noreferrer"
-                        class="text-slate-600 underline transition-colors hover:text-red-700"
+                        class="text-slate-600 underline transition-colors hover:text-indigo-600"
                         >Tajim</a
                     >
                 </p>
diff --git a/resources/js/components/NavBar.vue b/resources/js/components/NavBar.vue
index 9420236..c563432 100644
--- a/resources/js/components/NavBar.vue
+++ b/resources/js/components/NavBar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Link } from '@inertiajs/vue3';
 import AppLogo from './AppLogo.vue';
+
 defineProps({
     isAdmin: {
         type: Boolean,
@@ -11,278 +12,14 @@ defineProps({
 
 <template>
     <nav
-        class="sticky top-0 z-50 border-b-4 border-red-700 bg-white/90 shadow-[0_2px_0_0_rgba(29,78,216,0.6)] backdrop-blur-md"
+        class="sticky top-0 z-50 border-b border-slate-200/60 bg-white/80 backdrop-blur-md"
     >
-        <!-- faint red/blue tint wash -->
-        <div
-            class="pointer-events-none absolute inset-0 bg-gradient-to-br from-red-50/70 via-white/90 to-blue-50/70"
-        ></div>
-        <!-- subtle web-dot pattern accent -->
-        <div
-            class="pointer-events-none absolute inset-0 [background-image:radial-gradient(circle_at_1px_1px,black_1px,transparent_1px)] [background-size:16px_16px] opacity-[0.04]"
-        ></div>
-        <!-- top accent stripe -->
-        <div
-            class="pointer-events-none absolute inset-x-0 top-0 h-1 bg-gradient-to-r from-red-700 via-blue-700 to-red-700"
-        ></div>
-
-        <!-- scattered spider glyphs -->
-        <svg
-            class="pointer-events-none absolute top-2 left-[30%] h-4 w-4 text-red-700/40"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-        <svg
-            class="pointer-events-none absolute bottom-2 left-[46%] h-3 w-3 text-blue-700/35"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-        <svg
-            class="pointer-events-none absolute top-3 right-[36%] h-3 w-3 text-red-700/30"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="1.3"
-            stroke-linecap="round"
-        >
-            <ellipse cx="12" cy="13" rx="3.2" ry="4.2" />
-            <circle cx="12" cy="7" r="1.8" />
-            <path
-                d="M9 10 L4 7 M9 10 L3 11 M9 10 L4 15 M15 10 L20 7 M15 10 L21 11 M15 10 L20 15 M10.5 16 L7 20 M13.5 16 L17 20"
-            />
-        </svg>
-
-        <!-- decorative web-net graphic, top-left corner -->
-        <svg
-            class="pointer-events-none absolute -top-3 -left-3 h-24 w-24 text-red-700/40 sm:h-28 sm:w-28"
-            viewBox="0 0 100 100"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <!-- radial strands -->
-            <line
-                x1="0"
-                y1="0"
-                x2="100"
-                y2="0"
-                stroke="currentColor"
-                stroke-width="1.25"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="0"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1.25"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="100"
-                y2="75"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="75"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="100"
-                y2="50"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="50"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="100"
-                y2="25"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="0"
-                y1="0"
-                x2="25"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <!-- concentric arcs -->
-            <path
-                d="M6,0 A6,6 0 0,1 0,6"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M16,0 A16,16 0 0,1 0,16"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M28,0 A28,28 0 0,1 0,28"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M42,0 A42,42 0 0,1 0,42"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M58,0 A58,58 0 0,1 0,58"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M76,0 A76,76 0 0,1 0,76"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M96,0 A96,96 0 0,1 0,96"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-        </svg>
-
-        <!-- mirrored web-net graphic, top-right corner -->
-        <svg
-            class="pointer-events-none absolute -top-3 -right-3 h-20 w-20 text-blue-700/35 sm:h-24 sm:w-24"
-            viewBox="0 0 100 100"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <line
-                x1="100"
-                y1="0"
-                x2="0"
-                y2="0"
-                stroke="currentColor"
-                stroke-width="1.25"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="100"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1.25"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="0"
-                y2="75"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="25"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="0"
-                y2="50"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="50"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="0"
-                y2="25"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <line
-                x1="100"
-                y1="0"
-                x2="75"
-                y2="100"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M94,0 A6,6 0 0,0 100,6"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M84,0 A16,16 0 0,0 100,16"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M72,0 A28,28 0 0,0 100,28"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M58,0 A42,42 0 0,0 100,42"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-            <path
-                d="M42,0 A58,58 0 0,0 100,58"
-                stroke="currentColor"
-                stroke-width="1"
-            />
-        </svg>
-
         <div
-            class="relative mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6"
+            class="mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6"
         >
             <div class="flex items-center gap-2">
                 <AppLogo />
+
                 <span
                     v-if="isAdmin"
                     class="rounded bg-slate-100 px-2 py-0.5 text-xs font-semibold tracking-wider text-slate-400 uppercase"
@@ -290,16 +27,18 @@ defineProps({
                     Admin
                 </span>
             </div>
+
             <div class="flex items-center gap-6">
                 <Link
                     href="/blogs"
-                    class="text-sm font-medium text-slate-600 transition-colors hover:text-red-700"
+                    class="text-sm font-medium text-slate-600 transition-colors hover:text-slate-900"
                 >
                     Blogs
                 </Link>
+
                 <Link
                     :href="isAdmin ? '/' : '/admin'"
-                    class="rounded-md bg-gradient-to-r from-red-600 to-blue-700 px-4 py-1.5 text-sm font-semibold text-white shadow-sm ring-1 ring-white/20 transition-all ring-inset hover:opacity-95 hover:shadow-md"
+                    class="text-sm font-medium text-slate-600 transition-colors hover:text-slate-900"
                 >
                     {{ isAdmin ? 'Home' : 'Login' }}
                 </Link>