From f5e02aca789a2fe1e83e2525120d2dbf74c9fc31 Mon Sep 17 00:00:00 2001
From: rajaboff-dev <asadbekrajaboff1337@gmail.com>
Date: Sat, 1 Mar 2025 15:21:32 +0500
Subject: [PATCH] style(consultation-page): card styles changed

---
 pages/consultation.en-UZ.mdx | 59 +++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 31 deletions(-)

diff --git a/pages/consultation.en-UZ.mdx b/pages/consultation.en-UZ.mdx
index 830f468..b8b685f 100644
--- a/pages/consultation.en-UZ.mdx
+++ b/pages/consultation.en-UZ.mdx
@@ -7,11 +7,11 @@ import Image from 'next/image'
 
 <section className="py-12">
   <div className="max-w-7xl mx-auto px-4">
-    <h2 className="text-center text-4xl font-extrabold text-gray-800 dark:text-white mb-12">
+    <h2 className="text-center text-2xl sm:text-4xl font-extrabold text-gray-800 dark:text-white mb-12">
       MUTAXASSISLAR
     </h2>
 
-    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
+    <div className="grid place-items-center grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
       {[
         {
           name: "Otabek Ismoilov",
@@ -49,27 +49,29 @@ import Image from 'next/image'
       ].map((expert, index) => (
         <div
           key={index}
-          className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-2xl transition-transform transform hover:-translate-y-2 border border-green-500"
+          className="bg-white w-64 dark:bg-gray-800 rounded-xl shadow-lg p-3 py-6 hover:shadow-2xl transition-transform transform hover:-translate-y-2 border border-green-500 flex flex-col justify-between"
         >
-          {/* Profil rasmi */}
-          <div className="w-24 h-24 mx-auto rounded-full overflow-hidden border-4 border-green-500">
-            <Image
-              src={expert.img}
-              alt={expert.name}
-              width={96}
-              height={96}
-              className="object-cover w-full h-full"
-            />
-          </div>
+          <div classNam='h-64'>
+            {/* Profil rasmi */}
+            <div className="w-24 h-24 mx-auto rounded-full overflow-hidden border-4 border-green-500">
+              <Image
+                src={expert.img}
+                alt={expert.name}
+                width={96}
+                height={96}
+                className="object-cover w-full h-full"
+              />
+            </div>
 
-          {/* Ism va lavozim */}
-          <div className="text-center mt-4">
-            <h4 className="text-xl font-bold text-gray-800 dark:text-gray-100">
-              {expert.name}
-            </h4>
-            <h5 className="text-sm text-gray-600 dark:text-gray-400">
-              {expert.role}
-            </h5>
+            {/* Ism va lavozim */}
+            <div className="text-center mt-4">
+              <h4 className="text-xl font-bold text-gray-800 dark:text-gray-100">
+                {expert.name}
+              </h4>
+              <h5 className="text-sm text-gray-600 dark:text-gray-400">
+                {expert.role}
+              </h5>
+            </div>
           </div>
 
           {/* Ma'lumotlar bloki */}
@@ -94,22 +96,17 @@ import Image from 'next/image'
 
           {/* Tugmalar */}
           <div className="flex justify-center space-x-3 mt-4">
-            <a
-              href="https://www.linkedin.com/in/shkuvandikov/"
-              target="_blank"
-              rel="noopener noreferrer"
+            <button
               className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold 
                          hover:bg-green-600 hover:scale-105 transform transition"
             >
               LinkedIn
-            </a>
-            <a
-              href="mailto:shkuvandikov@gmail.com?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
-              className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold 
-                         hover:bg-green-600 hover:scale-105 transform transition"
+            </button>
+            <button
+              className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold hover:bg-green-600 hover:scale-105 transform transition"
             >
               Yozilish
-            </a>
+            </button>
           </div>
         </div>
       ))}