src/app/about/page.tsx

@@ -161,6 +161,9 @@ 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"
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
         />
       </div>
 
@@ -233,6 +236,8 @@ export default function AboutPage() {
           roleClassName="text-gray-400 text-sm font-light"
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white text-center mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg text-center mb-16 max-w-2xl mx-auto"
+          carouselMode="buttons"
+          animationType="slide-up"
         />
       </div>
 

src/app/blog/page.tsx

@@ -151,6 +151,8 @@ export default function BlogPage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg mb-16 max-w-2xl"
           dateClassName="text-gray-500 text-xs ml-auto"
+          carouselMode="buttons"
+          uniformGridCustomHeightClasses="min-h-[600px]"
         />
       </div>
 

src/app/page.tsx

@@ -218,6 +218,9 @@ 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"
+          tagAnimation="slide-up"
+          animationType="slide-up"
+          textboxLayout="default"
         />
       </div>
 
@@ -296,6 +299,8 @@ export default function HomePage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg mb-16 max-w-2xl"
           cardVariantClassName="text-gray-400 text-sm font-light"
+          carouselMode="buttons"
+          uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
         />
       </div>
 
@@ -381,6 +386,8 @@ export default function HomePage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg mb-16 max-w-2xl"
           dateClassName="text-gray-500 text-xs ml-auto"
+          carouselMode="buttons"
+          uniformGridCustomHeightClasses="min-h-[600px]"
         />
       </div>
 
@@ -466,6 +473,8 @@ export default function HomePage() {
           textBoxTitleClassName="text-4xl md:text-5xl font-bold text-white text-center mb-4"
           textBoxDescriptionClassName="text-gray-300 text-lg text-center mb-16 max-w-2xl mx-auto"
           roleClassName="text-gray-400 text-sm font-light"
+          carouselMode="buttons"
+          animationType="slide-up"
         />
       </div>
 

src/app/portfolio/page.tsx

@@ -150,6 +150,8 @@ export default function PortfolioPage() {
           textBoxDescriptionClassName="text-gray-300 text-lg mb-16 max-w-2xl"
           cardPriceClassName="text-[#d4af37] font-semibold"
           cardVariantClassName="text-gray-400 text-sm font-light"
+          carouselMode="buttons"
+          uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
         />
       </div>