Remove changes to TryCard.tsx

Author: Kunal1522

src/components/TryCard.tsx

@@ -78,22 +78,22 @@ export const TryCard: React.FC<TryCardProps> = ({
   <div className="bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl md:rounded-3xl shadow-[rgba(13,_38,_76,_0.19)_0px_9px_20px] hover:shadow-[rgba(13,_38,_76,_0.25)_0px_12px_28px] transition-all duration-500 overflow-hidden mx-auto w-full group h-full border border-transparent dark:border-gray-700">
     <div className="p-4 sm:p-5 md:p-6 flex flex-col h-full">
       {/* Content Section */}
-      <div className="flex-1 flex flex-col space-y-2 sm:space-y-3">
+      <div className="flex-1 flex flex-col space-y-3 sm:space-y-4">
         {/* Header */}
-        <div className="space-y-1 sm:space-y-2 text-center w-full h-20 sm:h-24 flex flex-col justify-center">
-          <h2 className="text-sm sm:text-base md:text-lg font-black text-gray-800 dark:text-transparent leading-snug bg-gradient-to-br from-gray-900 via-gray-800 to-gray-600 dark:from-gray-100 dark:via-gray-200 dark:to-gray-400 bg-clip-text group-hover:scale-[1.02] transition-transform duration-500 line-clamp-3">
+        <div className="space-y-2 flex-1/4 sm:space-y-3 text-center w-full">
+          <h2 className="text-lg sm:text-xl font-black text-gray-800 dark:text-transparent leading-tight bg-gradient-to-br from-gray-900 via-gray-800 to-gray-600 dark:from-gray-100 dark:via-gray-200 dark:to-gray-400 bg-clip-text group-hover:scale-[1.02] transition-transform duration-500">
             {title}
           </h2>
-          <p className="text-gray-500 dark:text-gray-400 text-xs sm:text-sm leading-snug mx-auto font-medium tracking-wide line-clamp-2">
+          <p className="text-gray-500 dark:text-gray-400 text-xs sm:text-sm leading-relaxed mx-auto font-medium tracking-wide">
             {description}
           </p>
         </div>
 
         {/* Buttons */}
-        <div className="space-y-1.5 sm:space-y-2 flex flex-col items-center pt-1 sm:pt-2">
+        <div className="space-y-2 sm:space-y-2.5 flex flex-col items-center pt-1 sm:pt-3">
           <a
             href={tryNowHref}
-            className={`w-full text-white font-bold px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 md:py-2.5 rounded-xl sm:rounded-2xl 
+            className={`w-full text-white font-bold px-3 sm:px-4 md:px-5 py-2 sm:py-2.5 md:py-3 rounded-xl sm:rounded-2xl 
                        transition-all duration-500 hover:scale-[1.02] hover:shadow-lg 
                        active:scale-95 text-xs sm:text-sm backdrop-blur-sm relative overflow-hidden
                        ${gradientClass || 'bg-gradient-to-br from-blue-600 via-blue-700 to-blue-800'}
@@ -105,7 +105,7 @@ export const TryCard: React.FC<TryCardProps> = ({
           </a>
           <Link
             to={learnMoreHref}
-            className="w-full bg-gray-50/80 dark:bg-gray-700/80 backdrop-blur-sm border-[1.5px] border-gray-100 dark:border-gray-600 rounded-xl sm:rounded-2xl px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 md:py-2.5
+            className="w-full bg-gray-50/80 dark:bg-gray-700/80 backdrop-blur-sm border-[1.5px] border-gray-100 dark:border-gray-600 rounded-xl sm:rounded-2xl px-3 sm:px-4 md:px-5 py-2 sm:py-2.5 md:py-3
                      font-bold transition-all duration-500 hover:scale-[1.02] 
                      hover:bg-gray-100/80 hover:border-gray-200 dark:hover:bg-gray-600/80 dark:hover:border-gray-500 text-gray-700 dark:text-gray-200 text-xs sm:text-sm
                      active:scale-95 relative overflow-hidden
@@ -118,12 +118,12 @@ export const TryCard: React.FC<TryCardProps> = ({
       </div>
 
       {/* Image Section */}
-      <div className="-mx-4 sm:-mx-5 md:-mx-6 -mb-4 sm:-mb-5 md:-mb-6 mt-2 sm:mt-3 md:mt-4 relative overflow-hidden">
-        <div className="absolute inset-0 bg-gradient-to-b from-white via-white/50 to-transparent dark:from-gray-800 dark:via-gray-800/50 h-6 sm:h-8 md:h-10 z-10" />
+      <div className="-mx-4 sm:-mx-5 md:-mx-6 -mb-4 sm:-mb-5 md:-mb-6 mt-4 sm:mt-5 md:mt-6 relative overflow-hidden">
+        <div className="absolute inset-0 bg-gradient-to-b from-white via-white/50 to-transparent dark:from-gray-800 dark:via-gray-800/50 h-8 sm:h-10 md:h-12 z-10" />
         <img
           src={imagePath}
           alt={title}
-          className="w-full h-28 sm:h-32 md:h-40 object-cover transform transition-all duration-700 
+          className="w-full h-36 sm:h-40 md:h-48 object-cover transform transition-all duration-700 
                      group-hover:scale-110 group-hover:rotate-1"
         />
         <div className="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" />