added the changes to testimonials

Author: sanjay-kv

src/components/blogCarousel/blogCarousel.css

@@ -18,9 +18,9 @@
 /* ── Hover: lift + purple glow ── */
 .article-card:hover {
   transform: translateY(-8px);
-  box-shadow: 0 20px 48px rgba(147, 51, 234, 0.22),
-    0 4px 12px rgba(147, 51, 234, 0.15);
-  border-color: rgba(147, 51, 234, 0.8);
+  box-shadow: 0 20px 48px rgba(22, 163, 74, 0.22),
+    0 4px 12px rgba(22, 163, 74, 0.15);
+  border-color: rgba(22, 163, 74, 0.8);
 }
 
 /* ── Dark mode base ── */
@@ -32,9 +32,9 @@
 
 [data-theme="dark"] .article-card:hover {
   transform: translateY(-8px);
-  box-shadow: 0 20px 48px rgba(192, 132, 252, 0.28),
-    0 4px 12px rgba(192, 132, 252, 0.18);
-  border-color: rgba(192, 132, 252, 0.8);
+  box-shadow: 0 20px 48px rgba(74, 222, 128, 0.28),
+    0 4px 12px rgba(74, 222, 128, 0.18);
+  border-color: rgba(74, 222, 128, 0.8);
 }
 
 /* ── Subtle overlay on hover ── */
@@ -43,8 +43,8 @@
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg,
-      rgba(147, 51, 234, 0.04) 0%,
-      rgba(217, 70, 239, 0.04) 100%);
+      rgba(22, 163, 74, 0.04) 0%,
+      rgba(74, 222, 128, 0.04) 100%);
   opacity: 0;
   transition: opacity 0.3s ease;
   pointer-events: none;
@@ -171,15 +171,15 @@
 }
 
 .article-card:hover .card-title {
-  color: #9333ea;
+  color: #16a34a;
 }
 
 [data-theme="dark"] .card-title {
   color: #f1f5f9;
 }
 
 [data-theme="dark"] .article-card:hover .card-title {
-  color: #a78bfa;
+  color: #4ade80;
 }
 
 .card-title-link {
@@ -238,7 +238,7 @@
   left: 0;
   width: 0;
   height: 2px;
-  background: linear-gradient(90deg, #9333ea 0%, #c084fc 100%);
+  background: linear-gradient(90deg, #16a34a 0%, #4ade80 100%);
   border-radius: 2px;
   transition: width 0.35s ease;
 }
@@ -248,7 +248,7 @@
 }
 
 [data-theme="dark"] .card-meta::after {
-  background: linear-gradient(90deg, #c084fc 0%, #d946ef 100%);
+  background: linear-gradient(90deg, #4ade80 0%, #86efac 100%);
 }
 
 /* ── Author ── */

src/components/testimonials/TestimonialCarousel.tsx

@@ -201,16 +201,11 @@ export function TestimonialCarousel() {
       >
         <motion.div custom={0} variants={revealVariants} className="mb-2.5">
           <span
-            className="inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-xs font-semibold tracking-widest uppercase"
+            className="inline-flex items-center gap-2 text-xs font-semibold tracking-widest uppercase"
             style={{
-              background: isDark
-                ? "rgba(99,102,241,0.08)"
-                : "rgba(99,102,241,0.06)",
-              border: isDark
-                ? "1px solid rgba(99,102,241,0.15)"
-                : "1px solid rgba(99,102,241,0.12)",
-              color: isDark ? "#a5b4fc" : "#4338ca",
-              fontFamily: "'Outfit', 'Inter', -apple-system, sans-serif",
+              color: isDark ? "#4ade80" : "#16a34a",
+              fontFamily:
+                "'Space Grotesk', 'Inter', -apple-system, sans-serif",
             }}
           >
             ✦ Testimonials
@@ -219,23 +214,13 @@ export function TestimonialCarousel() {
         <motion.h2
           custom={1}
           variants={revealVariants}
-          className="mb-2 text-2xl sm:text-3xl font-extrabold leading-tight tracking-tighter"
+          className="mb-2 text-2xl sm:text-3xl font-bold leading-tight tracking-tight"
           style={{
-            color: isDark ? "#f1f5f9" : "#0f172a",
-            fontFamily: "'Outfit', 'Inter', -apple-system, sans-serif",
+            color: isDark ? "#ffffff" : "#0f172a",
+            fontFamily: "'Space Grotesk', 'Inter', -apple-system, sans-serif",
           }}
         >
-          Builders ❤️{" "}
-          <span
-            style={{
-              background: "linear-gradient(135deg, #6366f1, #a855f7)",
-              WebkitBackgroundClip: "text",
-              WebkitTextFillColor: "transparent",
-              backgroundClip: "text",
-            }}
-          >
-            Recode Hive
-          </span>
+          Builders <span aria-label="love">&hearts;</span> Recode Hive
         </motion.h2>
         <motion.p
           custom={2}
@@ -246,7 +231,8 @@ export function TestimonialCarousel() {
             fontFamily: "'Inter', -apple-system, sans-serif",
           }}
         >
-          Our builders go on to do incredible things from OpenAI to becoming AI engineers and founders.
+          Our builders go on to do incredible things — from OpenAI to becoming
+          AI engineers and founders.
         </motion.p>
       </motion.div>
 

src/components/topmate/TopMateSection.tsx

@@ -41,16 +41,11 @@ const TopMateSection = ({ setShowTopmate }) => {
         >
           <motion.div custom={0} variants={revealVariants} className="mb-2.5">
             <span
-              className="inline-flex items-center gap-2 rounded-full px-4 py-1.5 text-xs font-semibold tracking-widest uppercase"
+              className="inline-flex items-center gap-2 text-xs font-semibold tracking-widest uppercase"
               style={{
-                background: isDark
-                  ? "rgba(99,102,241,0.08)"
-                  : "rgba(99,102,241,0.06)",
-                border: isDark
-                  ? "1px solid rgba(99,102,241,0.15)"
-                  : "1px solid rgba(99,102,241,0.12)",
-                color: isDark ? "#a5b4fc" : "#4338ca",
-                fontFamily: "'Outfit', 'Inter', -apple-system, sans-serif",
+                color: isDark ? "#4ade80" : "#16a34a",
+                fontFamily:
+                  "'Space Grotesk', 'Inter', -apple-system, sans-serif",
               }}
             >
               ✦ Mentorship
@@ -60,23 +55,14 @@ const TopMateSection = ({ setShowTopmate }) => {
           <motion.h2
             custom={1}
             variants={revealVariants}
-            className="mb-2 text-2xl leading-tight font-extrabold tracking-tighter sm:text-3xl"
+            className="mb-2 text-2xl leading-tight font-bold tracking-tight sm:text-3xl"
             style={{
-              color: isDark ? "#f1f5f9" : "#0f172a",
-              fontFamily: "'Outfit', 'Inter', -apple-system, sans-serif",
+              color: isDark ? "#ffffff" : "#0f172a",
+              fontFamily:
+                "'Space Grotesk', 'Inter', -apple-system, sans-serif",
             }}
           >
-            Book a{" "}
-            <span
-              style={{
-                background: "linear-gradient(135deg, #6366f1, #a855f7)",
-                WebkitBackgroundClip: "text",
-                WebkitTextFillColor: "transparent",
-                backgroundClip: "text",
-              }}
-            >
-              Session
-            </span>
+            Book a Session
           </motion.h2>
 
           <motion.p