feat(about, skills, workModalities): update content and improve styling

- Revamped the About component with new titles and descriptions for core values, enhancing clarity and engagement.
- Updated the Skills component by removing unnecessary type handling and improving animation effects for better user experience.
- Adjusted styling in the WorkModalities component, refining color variants and badge presentation for improved visual consistency.

app/components/WorkModalities.tsx

@@ -96,13 +96,13 @@ const WorkModalitiesData = [
 
 // --- 2. DESIGN TOKENS ---
 const COLOR_VARIANTS: Record<string, string> = {
-  blue: "border-blue-500/30 bg-blue-500/5 text-blue-400 hover:border-blue-500/60 shadow-blue-500/5",
+  blue: "border-blue-500/15 bg-blue-500/3 text-blue-300 hover:border-blue-500/30 shadow-blue-500/3",
   green:
-    "border-green-500/30 bg-green-500/5 text-green-400 hover:border-green-500/60 shadow-green-500/5",
+    "border-green-500/15 bg-green-500/3 text-green-300 hover:border-green-500/30 shadow-green-500/3",
   purple:
-    "border-purple-500/30 bg-purple-500/5 text-purple-400 hover:border-purple-500/60 shadow-purple-500/5",
+    "border-purple-500/15 bg-purple-500/3 text-purple-300 hover:border-purple-500/30 shadow-purple-500/3",
   orange:
-    "border-orange-500/30 bg-orange-500/5 text-orange-400 hover:border-orange-500/60 shadow-orange-500/5",
+    "border-orange-500/15 bg-orange-500/3 text-orange-300 hover:border-orange-500/30 shadow-orange-500/3",
 };
 
 export function WorkModalities() {
@@ -191,7 +191,7 @@ export function WorkModalities() {
                 className={`relative p-8 rounded-[2.5rem] border-2 backdrop-blur-xl transition-all duration-500 shadow-xl ${style}`}
               >
                 {modality.badge && (
-                  <span className="absolute -top-3 right-8 bg-blue-600 text-white px-4 py-1 rounded-full text-[10px] font-black tracking-widest uppercase shadow-lg shadow-blue-600/20">
+                  <span className="absolute -top-3 right-8 bg-blue-500/20 border border-blue-500/30 text-blue-300 px-4 py-1 rounded-full text-[10px] font-black tracking-widest uppercase shadow-lg shadow-blue-500/10">
                     {modality.badge}
                   </span>
                 )}