diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 2cc839e..bd59bc3 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -161,6 +161,7 @@ export default function AboutPage() {
           cardClassName="bg-[#1a1f3a]/60 backdrop-blur-md border border-[#d4af37]/20 rounded-2xl p-8 hover:border-[#d4af37]/60 transition-all duration-300 hover:shadow-lg hover:shadow-[#d4af37]/20"
           cardTitleClassName="text-xl font-bold text-white mb-3"
           cardDescriptionClassName="text-gray-300 text-sm leading-relaxed mb-4 font-light"
+          tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[#d4af37]/20 border border-[#d4af37] rounded-full text-[#d4af37] mb-6 backdrop-blur-sm"
         />
       </div>
 
@@ -230,6 +231,7 @@ export default function AboutPage() {
           cardClassName="bg-[#1a1f3a]/60 backdrop-blur-md border border-[#d4af37]/20 rounded-2xl p-8 hover:border-[#d4af37]/60 transition-all duration-300 hover:shadow-lg hover:shadow-[#d4af37]/20"
           testimonialClassName="text-gray-200 italic font-light leading-relaxed mb-6"
           nameClassName="text-white font-bold text-lg"
+          roleClassName="text-gray-400 text-sm font-light"
         />
       </div>
 
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index fab6d8b..ae8d4dd 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -148,6 +148,7 @@ export default function BlogPage() {
           authorContainerClassName="flex items-center gap-3 py-3 border-t border-[#d4af37]/10"
           authorAvatarClassName="w-10 h-10 rounded-full border border-[#d4af37]/30"
           authorNameClassName="text-white font-semibold text-sm"
+          dateClassName="text-gray-500 text-xs ml-auto"
         />
       </div>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index af121b5..7aecde7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -218,6 +218,7 @@ export default function HomePage() {
           cardClassName="bg-[#1a1f3a]/60 backdrop-blur-md border border-[#d4af37]/20 rounded-2xl p-8 hover:border-[#d4af37]/60 transition-all duration-300 hover:shadow-lg hover:shadow-[#d4af37]/20"
           cardTitleClassName="text-xl font-bold text-white mb-3"
           cardDescriptionClassName="text-gray-300 text-sm leading-relaxed mb-4 font-light"
+          tagClassName="inline-flex items-center gap-2 px-4 py-2 bg-[#d4af37]/20 border border-[#d4af37] rounded-full text-[#d4af37] mb-6 backdrop-blur-sm"
         />
       </div>
 
@@ -293,6 +294,7 @@ export default function HomePage() {
           imageClassName="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
           cardNameClassName="text-white font-bold text-lg"
           cardPriceClassName="text-[#d4af37] font-semibold"
+          cardVariantClassName="text-gray-400 text-sm font-light"
         />
       </div>
 
@@ -375,6 +377,7 @@ export default function HomePage() {
           authorContainerClassName="flex items-center gap-3 py-3 border-t border-[#d4af37]/10"
           authorAvatarClassName="w-10 h-10 rounded-full border border-[#d4af37]/30"
           authorNameClassName="text-white font-semibold text-sm"
+          dateClassName="text-gray-500 text-xs ml-auto"
         />
       </div>
 
@@ -457,6 +460,7 @@ export default function HomePage() {
           cardClassName="bg-[#1a1f3a]/60 backdrop-blur-md border border-[#d4af37]/20 rounded-2xl p-8 hover:border-[#d4af37]/60 transition-all duration-300 hover:shadow-lg hover:shadow-[#d4af37]/20"
           testimonialClassName="text-gray-200 italic font-light leading-relaxed mb-6"
           nameClassName="text-white font-bold text-lg"
+          roleClassName="text-gray-400 text-sm font-light"
         />
       </div>
 
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 3cfc094..dc1af71 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -147,6 +147,7 @@ export default function PortfolioPage() {
           imageClassName="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
           cardNameClassName="text-white font-bold text-lg"
           cardPriceClassName="text-[#d4af37] font-semibold"
+          cardVariantClassName="text-gray-400 text-sm font-light"
         />
       </div>