From 98031720bf9f3674836306dd14fab1c5bb2cec6a Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Tue, 3 Feb 2026 00:39:20 +0000
Subject: [PATCH] Reduce title boldness and add gradient effect

Changed content row titles to:
- font-semibold (less bold than before)
- Added gradient: #fafafa (very light grey) to #9ca3af (light grey)
- Used background-clip: text for gradient effect
- More subtle and elegant appearance

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/ContentRow.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ContentRow.vue b/src/components/ContentRow.vue
index 07312a6..98dc080 100644
--- a/src/components/ContentRow.vue
+++ b/src/components/ContentRow.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="content-row">
-    <h2 class="text-xl md:text-2xl font-bold md:font-extrabold text-white mb-4 px-4 uppercase">
+    <h2 class="content-row-title text-xl md:text-2xl font-semibold text-white mb-4 px-4 uppercase">
       {{ title }}
     </h2>
     
@@ -117,6 +117,13 @@ onUnmounted(() => {
   display: none;
 }
 
+.content-row-title {
+  background: linear-gradient(to right, #fafafa, #9ca3af);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
 .glass-card {
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
   border: 1px solid rgba(255, 255, 255, 0.1);