Skip to content

Commit 31ad6e4

Browse files
ismoilovdevmlismoilovdevml
committed
updated
1 parent 739b05c commit 31ad6e4

File tree

1 file changed

+81
-145
lines changed

1 file changed

+81
-145
lines changed

‎pages/consultation.en-UZ.mdx‎

Lines changed: 81 additions & 145 deletions
Original file line numberDiff line numberDiff line change
@@ -5,158 +5,94 @@ showFooter: false
55

66
import Image from 'next/image'
77

8-
<section className="py-10">
9-
<div className="max-w-6xl mx-auto px-4">
10-
<h2 className="text-center text-3xl font-bold text-gray-800 dark:text-white mb-8">
8+
<section className="py-12">
9+
<div className="max-w-7xl mx-auto px-4">
10+
<h2 className="text-center text-4xl font-extrabold text-gray-800 dark:text-white mb-12">
1111
MUTAXASSISLAR
1212
</h2>
1313

14-
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
15-
{/* 1-Karta */}
16-
<div className="bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-lg transition-transform transform hover:-translate-y-1 p-6">
17-
{/* Rasm qismi */}
18-
<div className="w-24 h-24 mx-auto rounded-full overflow-hidden">
19-
<Image
20-
src="https://raw.githubusercontent.com/devops-journey-uz/assets/main/images/tutorials/authors/otabek_ismoilov.jpg"
21-
alt="Otabek Ismoilov"
22-
width={96}
23-
height={96}
24-
className="object-cover w-full h-full"
25-
/>
26-
</div>
27-
28-
{/* Ma'lumot qismi */}
29-
<div className="text-center mt-4">
30-
<h4 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
31-
Otabek Ismoilov
32-
</h4>
33-
<h5 className="text-sm text-gray-600 dark:text-gray-400">
34-
DevOps Engineer
35-
</h5>
36-
37-
<div className="mt-2 text-gray-700 dark:text-gray-300 text-sm">
38-
Tajriba: 3 yil+
39-
</div>
40-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
41-
Ishlagan joylari: Ucell, Aloqabank, Fincube
42-
</div>
43-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
44-
Consultatsiya vaqti: 60 min
45-
</div>
46-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
47-
Narxi: 800ming so'm
14+
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
15+
{[
16+
{
17+
name: "Otabek Ismoilov",
18+
role: "DevOps Engineer",
19+
img: "https://raw.githubusercontent.com/devops-journey-uz/assets/main/images/tutorials/authors/otabek_ismoilov.jpg",
20+
experience: "3 yil+",
21+
workplaces: "Ucell, Aloqabank, Fincube",
22+
consultTime: "60 min",
23+
price: "800.000 so'm",
24+
linkedin: "https://www.linkedin.com/in/otabek-ismoilov/",
25+
email: "mailto:ismoilovdev@gmail.com?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
26+
},
27+
{
28+
name: "Mansur Jo'rayev",
29+
role: "SRE Engineer",
30+
img: "https://raw.githubusercontent.com/devops-journey-uz/assets/main/images/tutorials/authors/mansur_jurayev.jpeg",
31+
experience: "4 yil+",
32+
workplaces: "Ucell, DavrBank, Fincube",
33+
consultTime: "60 min",
34+
price: "1.200.000 so'm",
35+
linkedin: "https://www.linkedin.com/in/mansur-juraev",
36+
email: "mailto:jurayevmansurbek667@gmail.com?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
37+
},
38+
{
39+
name: "Sherzod Kuvandikov",
40+
role: "DevOps Engineer | CKA",
41+
img: "https://raw.githubusercontent.com/devops-journey-uz/assets/main/images/tutorials/authors/sherzod_kuvandikov.jpg",
42+
experience: "4 yil+",
43+
workplaces: "Texnomart, Optochka, iTech Art Group",
44+
consultTime: "60 min",
45+
price: "800.000 so'm",
46+
linkedin: "https://www.linkedin.com/in/shkuvandikov/",
47+
email: "mailto:shkuvandikov@gmail.com?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
48+
},
49+
].map((expert, index) => (
50+
<div
51+
key={index}
52+
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"
53+
>
54+
{/* Profil rasmi */}
55+
<div className="w-24 h-24 mx-auto rounded-full overflow-hidden border-4 border-green-500">
56+
<Image
57+
src={expert.img}
58+
alt={expert.name}
59+
width={96}
60+
height={96}
61+
className="object-cover w-full h-full"
62+
/>
4863
</div>
4964

50-
{/* Tugmalar */}
51-
<div className="flex justify-center space-x-3 mt-4">
52-
{/* LinkedIn button */}
53-
<a
54-
href="https://www.linkedin.com/in/otabek-ismoilov/"
55-
target="_blank"
56-
rel="noopener noreferrer"
57-
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold
58-
hover:bg-green-600 hover:scale-105 transform transition"
59-
>
60-
LinkedIn
61-
</a>
62-
{/* Email button */}
63-
<a
64-
href="mailto:ismoilovdev@gmail.com?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
65-
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold
66-
hover:bg-green-600 hover:scale-105 transform transition"
67-
>
68-
Yozilish
69-
</a>
65+
{/* Ism va lavozim */}
66+
<div className="text-center mt-4">
67+
<h4 className="text-xl font-bold text-gray-800 dark:text-gray-100">
68+
{expert.name}
69+
</h4>
70+
<h5 className="text-sm text-gray-600 dark:text-gray-400">
71+
{expert.role}
72+
</h5>
7073
</div>
71-
</div>
72-
</div>
73-
74-
{/* 2-Karta */}
75-
<div className="bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-lg transition-transform transform hover:-translate-y-1 p-6">
76-
<div className="w-24 h-24 mx-auto rounded-full overflow-hidden">
77-
<Image
78-
src="https://raw.githubusercontent.com/devops-journey-uz/assets/main/images/tutorials/authors/mansur_jurayev.jpeg"
79-
alt="Mansur Jo'rayev"
80-
width={96}
81-
height={96}
82-
className="object-cover w-full h-full"
83-
/>
84-
</div>
8574

86-
<div className="text-center mt-4">
87-
<h4 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
88-
Mansur Jo'rayev
89-
</h4>
90-
<h5 className="text-sm text-gray-600 dark:text-gray-400">
91-
SRE Engineer
92-
</h5>
93-
94-
<div className="mt-2 text-gray-700 dark:text-gray-300 text-sm">
95-
Tajriba: 4 yil+
96-
</div>
97-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
98-
Ishlagan joylari: Ucell, DavrBank, Fincube
99-
</div>
100-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
101-
Consultatsiya vaqti: 60 min
102-
</div>
103-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
104-
Narxi: 1mln200ming so'm
105-
</div>
106-
107-
<div className="flex justify-center space-x-3 mt-4">
108-
<a
109-
href="https://www.linkedin.com/in/mansur-juraev"
110-
target="_blank"
111-
rel="noopener noreferrer"
112-
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold
113-
hover:bg-green-600 hover:scale-105 transform transition"
114-
>
115-
LinkedIn
116-
</a>
117-
<a
118-
href="mailto:jurayevmansurbek667@gmail.com?subject=Consultatsiya so'rovi&body=Salom, men consultatsiyaga yozilmoqchiman..."
119-
className="bg-green-500 text-white px-4 py-2 rounded-md text-sm font-semibold
120-
hover:bg-green-600 hover:scale-105 transform transition"
121-
>
122-
Yozilish
123-
</a>
124-
</div>
125-
</div>
126-
</div>
127-
{/* 3-Karta */}
128-
<div className="bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-lg transition-transform transform hover:-translate-y-1 p-6">
129-
<div className="w-24 h-24 mx-auto rounded-full overflow-hidden">
130-
<Image
131-
src="https://raw.githubusercontent.com/devops-journey-uz/assets/main/images/tutorials/authors/sherzod_kuvandikov.jpg"
132-
alt="Sherzod Kuvandikov"
133-
width={96}
134-
height={96}
135-
className="object-cover w-full h-full"
136-
/>
137-
</div>
138-
139-
<div className="text-center mt-4">
140-
<h4 className="text-lg font-semibold text-gray-800 dark:text-gray-100">
141-
Sherzod Kuvandikov
142-
</h4>
143-
<h5 className="text-sm text-gray-600 dark:text-gray-400">
144-
DevOps Engineer | CKA
145-
</h5>
146-
147-
<div className="mt-2 text-gray-700 dark:text-gray-300 text-sm">
148-
Tajriba: 4 yil+
149-
</div>
150-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
151-
Ishlagan joylari: Texnomart, Optochka, iTech Art Group
152-
</div>
153-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
154-
Consultatsiya vaqti: 60 min
155-
</div>
156-
<div className="mt-1 text-gray-700 dark:text-gray-300 text-sm">
157-
Narxi: 800ming so'm
75+
{/* Ma'lumotlar bloki */}
76+
<div className="mt-6 space-y-3">
77+
<div className="bg-gray-100 dark:bg-gray-700 p-3 rounded-lg">
78+
<span className="font-semibold text-green-600">Tajriba:</span>
79+
<span className="ml-2 text-gray-800 dark:text-gray-200">{expert.experience}</span>
80+
</div>
81+
<div className="bg-gray-100 dark:bg-gray-700 p-3 rounded-lg">
82+
<span className="font-semibold text-green-600">Ishlagan joylari:</span>
83+
<span className="ml-2 text-gray-800 dark:text-gray-200">{expert.workplaces}</span>
84+
</div>
85+
<div className="bg-gray-100 dark:bg-gray-700 p-3 rounded-lg">
86+
<span className="font-semibold text-green-600">Davomiyligi:</span>
87+
<span className="ml-2 text-gray-800 dark:text-gray-200">{expert.consultTime}</span>
88+
</div>
89+
<div className="bg-gray-100 dark:bg-gray-700 p-3 rounded-lg">
90+
<span className="font-semibold text-green-600">Narxi:</span>
91+
<span className="ml-2 text-gray-800 dark:text-gray-200">{expert.price}</span>
92+
</div>
15893
</div>
15994

95+
{/* Tugmalar */}
16096
<div className="flex justify-center space-x-3 mt-4">
16197
<a
16298
href="https://www.linkedin.com/in/shkuvandikov/"
@@ -176,7 +112,7 @@ import Image from 'next/image'
176112
</a>
177113
</div>
178114
</div>
179-
</div>
115+
))}
180116
</div>
181117
</div>
182-
</section>
118+
</section>

0 commit comments

Comments
 (0)