رنگ این بخش را متناسب با شخصیت سایت عوض کن

components/navbar.js

@@ -20,9 +20,9 @@ class CustomNavbar extends HTMLElement {
           height: 2px;
           bottom: -2px;
           right: 0;
-          background-color: #3B82F6;
+          background-color: #8B5CF6;
           transition: width 0.3s ease;
-        }
+}
         .nav-link:hover:after {
           width: 100%;
           left: 0;

index.html

@@ -26,8 +26,8 @@
     
     <main>
         <!-- Hero Section -->
-        <section class="py-20 bg-gradient-to-r from-primary-600 to-primary-800 text-white">
-            <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
+        <section class="py-20 bg-gradient-to-r from-indigo-600 to-purple-800 text-white">
+<div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-10 md:mb-0">
                     <h1 class="text-4xl md:text-5xl font-bold mb-6 text-gray-900">سرویس حرفه‌ای تحلیل عضلات و بدن در باشگاه شما</h1>
 <p class="text-xl mb-8 text-gray-200">با فناوری پیشرفته OnBody، درصد چربی و عضله خود را با دقت بالا اندازه‌گیری کنید و پیشرفت خود را به صورت علمی دنبال نمایید.</p>

style.css

@@ -12,14 +12,13 @@ body {
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
 }
-
 ::-webkit-scrollbar-thumb {
-    background: #3B82F6;
+    background: #8B5CF6;
     border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: #2563EB;
+    background: #7C3AED;
 }
 
 /* Animation for cards */