refactor: restore Try and TryCard components for previous layout and styling

Author: Kunal1522

src/components/Try.tsx

@@ -112,8 +112,8 @@ const Try: React.FC = () => {
             </motion.div>
           </motion.header>
 
-          {/* Desktop Grid - 2 Columns */}
-          <div className="hidden md:grid md:grid-cols-2 gap-6 md:gap-8 w-full max-w-6xl mx-auto">
+          {/* Desktop Grid */}
+          <div className="hidden md:grid md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6 lg:gap-8">
             {TryCardData.map((card, index) => (
               <TryCard key={index} {...card} />
             ))}

src/components/TryCard.tsx

@@ -93,9 +93,9 @@ export const TryCard: React.FC<TryCardProps> = ({
         <div className="space-y-1.5 sm:space-y-2 flex flex-col items-center pt-1 sm:pt-2">
           <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-lg sm:rounded-xl 
+            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 
                        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 flex items-center justify-center
+                       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'}
                        before:absolute before:inset-0 before:bg-white/20 before:translate-x-[-150%] before:skew-x-[45deg]
                        hover:before:translate-x-[150%] before:transition-transform before:duration-700
@@ -105,10 +105,10 @@ 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-lg sm:rounded-xl 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-1.5 sm:py-2 md:py-2.5
                      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 flex items-center justify-center
+                     active:scale-95 relative overflow-hidden
                      before:absolute before:inset-0 before:bg-gray-400/20 before:translate-x-[-150%] before:skew-x-[45deg]
                      hover:before:translate-x-[150%] before:transition-transform before:duration-700"
           >