Hugging Face's logo

Spaces:
ali8765678
/
medstore
Running

App Files Community
ali8765678 commited on
Commit
c3682bf
·
verified ·
1 Parent(s): d413a18

صفه درباره ما هم طراحی کن

Browse files
Files changed (3) hide show
  1. about.html +361 -0
  2. index.html +1 -1
  3. services.html +2 -4
about.html ADDED
@@ -0,0 +1,361 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fa" dir="rtl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>درباره ما - MedStore فارسی</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#1e40af',
15
+ secondary: '#0ea5e9'
16
+ }
17
+ }
18
+ }
19
+ }
20
+ </script>
21
+ <style>
22
+ @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap');
23
+
24
+ body {
25
+ font-family: 'Vazirmatn', sans-serif;
26
+ background-color: #f0f9ff;
27
+ }
28
+
29
+ .team-member {
30
+ transition: all 0.3s ease;
31
+ }
32
+
33
+ .team-member:hover {
34
+ transform: translateY(-5px);
35
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
36
+ }
37
+
38
+ .stat-card {
39
+ transition: all 0.3s ease;
40
+ }
41
+
42
+ .stat-card:hover {
43
+ background-color: #dbeafe;
44
+ }
45
+ </style>
46
+ </head>
47
+ <body class="bg-blue-50">
48
+ <!-- Header -->
49
+ <header class="bg-white shadow-md sticky top-0 z-50">
50
+ <div class="container mx-auto px-4 py-3">
51
+ <div class="flex flex-col md:flex-row justify-between items-center">
52
+ <div class="flex items-center mb-4 md:mb-0">
53
+ <i class="fas fa-heartbeat text-primary text-3xl ml-3"></i>
54
+ <h1 class="text-2xl font-bold text-gray-800">MedStore فارسی</h1>
55
+ </div>
56
+
57
+ <nav class="flex flex-wrap justify-center gap-4 mb-4 md:mb-0">
58
+ <a href="index.html" class="text-gray-600 hover:text-primary font-medium">خانه</a>
59
+ <a href="products.html" class="text-gray-600 hover:text-primary font-medium">محصولات</a>
60
+ <a href="services.html" class="text-gray-600 hover:text-primary font-medium">خدمات</a>
61
+ <a href="about.html" class="text-primary hover:text-secondary font-medium">درباره ما</a>
62
+ <a href="#" class="text-gray-600 hover:text-primary font-medium">تماس با ما</a>
63
+ </nav>
64
+
65
+ <div class="flex items-center space-x-4">
66
+ <button class="text-gray-600 hover:text-primary">
67
+ <i class="fas fa-search text-xl"></i>
68
+ </button>
69
+ <button class="text-gray-600 hover:text-primary relative">
70
+ <i class="fas fa-shopping-cart text-xl"></i>
71
+ <span class="absolute -top-2 -left-2 bg-red-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs">3</span>
72
+ </button>
73
+ <button class="bg-primary text-white px-4 py-2 rounded-lg hover:bg-blue-800 transition">
74
+ ورود / ثبت نام
75
+ </button>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ </header>
80
+
81
+ <!-- Breadcrumb -->
82
+ <section class="py-4 bg-white">
83
+ <div class="container mx-auto px-4">
84
+ <nav class="text-gray-600">
85
+ <a href="index.html" class="hover:text-primary">خانه</a>
86
+ <span class="mx-2">/</span>
87
+ <span class="text-primary">درباره ما</span>
88
+ </nav>
89
+ </div>
90
+ </section>
91
+
92
+ <!-- Hero Section -->
93
+ <section class="py-16 bg-gradient-to-r from-primary to-secondary">
94
+ <div class="container mx-auto px-4 text-center">
95
+ <h1 class="text-3xl md:text-4xl font-bold text-white mb-6">درباره MedStore فارسی</h1>
96
+ <p class="text-xl text-blue-100 max-w-3xl mx-auto">ما در MedStore فارسی با هدف ارائه بهترین تجهیزات پزشکی و خدمات تخصصی به مراکز درمانی و کاربران خانگی فعالیت می‌کنیم</p>
97
+ </div>
98
+ </section>
99
+
100
+ <!-- About Us Content -->
101
+ <section class="py-16">
102
+ <div class="container mx-auto px-4">
103
+ <div class="flex flex-col md:flex-row items-center gap-12 mb-16">
104
+ <div class="md:w-1/2">
105
+ <img src="http://static.photos/medical/640x360/5" alt="درباره ما" class="rounded-xl shadow-lg w-full">
106
+ </div>
107
+ <div class="md:w-1/2">
108
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">داستان ما</h2>
109
+ <p class="text-gray-600 mb-6">MedStore فارسی در سال 1398 با هدف ارائه تجهیزات پزشکی با کیفیت بالا و خدمات تخصصی به مراکز درمانی و ��اربران خانگی تأسیس شد. تیم ما از ابتدا با تعهد به کیفیت، اعتماد و نوآوری در حوزه سلامت کشور فعالیت کرده است.</p>
110
+ <p class="text-gray-600 mb-6">ما با همکاری مستقیم با برندهای معتبر جهانی و تولیدکنندگان داخلی، تجهیزات پزشکی با استانداردهای بین‌المللی را در اختیار مشتریان خود قرار می‌دهیم.</p>
111
+ <p class="text-gray-600">ماموریت ما ارتقای سطح سلامت جامعه از طریق ارائه تجهیزات پزشکی با کیفیت و خدمات تخصصی است.</p>
112
+ </div>
113
+ </div>
114
+
115
+ <div class="flex flex-col md:flex-row-reverse items-center gap-12">
116
+ <div class="md:w-1/2">
117
+ <img src="http://static.photos/office/640x360/6" alt="ماموریت ما" class="rounded-xl shadow-lg w-full">
118
+ </div>
119
+ <div class="md:w-1/2">
120
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">ماموریت و چشم انداز</h2>
121
+ <p class="text-gray-600 mb-6">ماموریت ما ارتقای سطح سلامت جامعه از طریق ارائه تجهیزات پزشکی با کیفیت و خدمات تخصصی است. ما به دنبال ایجاد یک پلتفرم جامع برای دسترسی آسان به تجهیزات پزشکی با کیفیت هستیم.</p>
122
+ <p class="text-gray-600 mb-6">چشم انداز ما تبدیل شدن به یکی از معتبرترین و بزرگترین فروشگاه‌های تجهیزات پزشکی در منطقه است که با استفاده از فناوری‌های روز و خدمات نوآورانه، تجربه خرید استثنایی را برای مشتریان خود فراهم می‌کند.</p>
123
+ <ul class="text-gray-600 space-y-3">
124
+ <li class="flex items-start">
125
+ <i class="fas fa-check-circle text-green-500 mt-1 ml-2"></i>
126
+ <span>ارائه محصولات با کیفیت و استاندارد بین‌المللی</span>
127
+ </li>
128
+ <li class="flex items-start">
129
+ <i class="fas fa-check-circle text-green-500 mt-1 ml-2"></i>
130
+ <span>ارائه خدمات پس از فروش تخصصی و معتبر</span>
131
+ </li>
132
+ <li class="flex items-start">
133
+ <i class="fas fa-check-circle text-green-500 mt-1 ml-2"></i>
134
+ <span>ایجاد دسترسی آسان به تجهیزات پزشکی برای همه</span>
135
+ </li>
136
+ </ul>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </section>
141
+
142
+ <!-- Stats Section -->
143
+ <section class="py-16 bg-white">
144
+ <div class="container mx-auto px-4">
145
+ <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">آمار و دستاوردهای ما</h2>
146
+
147
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
148
+ <div class="bg-blue-50 rounded-xl p-6 text-center stat-card">
149
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4">
150
+ <i class="fas fa-users text-white text-2xl"></i>
151
+ </div>
152
+ <h3 class="text-3xl font-bold text-primary mb-2">15,000+</h3>
153
+ <p class="text-gray-600">مشتری راضی</p>
154
+ </div>
155
+
156
+ <div class="bg-blue-50 rounded-xl p-6 text-center stat-card">
157
+ <div class="w-16 h-16 bg-secondary rounded-full flex items-center justify-center mx-auto mb-4">
158
+ <i class="fas fa-boxes text-white text-2xl"></i>
159
+ </div>
160
+ <h3 class="text-3xl font-bold text-primary mb-2">2,500+</h3>
161
+ <p class="text-gray-600">محصول متنوع</p>
162
+ </div>
163
+
164
+ <div class="bg-blue-50 rounded-xl p-6 text-center stat-card">
165
+ <div class="w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-4">
166
+ <i class="fas fa-city text-white text-2xl"></i>
167
+ </div>
168
+ <h3 class="text-3xl font-bold text-primary mb-2">50+</h3>
169
+ <p class="text-gray-600">شهر فعال</p>
170
+ </div>
171
+
172
+ <div class="bg-blue-50 rounded-xl p-6 text-center stat-card">
173
+ <div class="w-16 h-16 bg-secondary rounded-full flex items-center justify-center mx-auto mb-4">
174
+ <i class="fas fa-award text-white text-2xl"></i>
175
+ </div>
176
+ <h3 class="text-3xl font-bold text-primary mb-2">15</h3>
177
+ <p class="text-gray-600">سال تجربه</p>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ </section>
182
+
183
+ <!-- Team Section -->
184
+ <section class="py-16 bg-blue-50">
185
+ <div class="container mx-auto px-4">
186
+ <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">تیم مدیریت</h2>
187
+
188
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
189
+ <!-- Team Member 1 -->
190
+ <div class="bg-white rounded-xl shadow-md p-6 text-center team-member">
191
+ <img src="http://static.photos/people/320x240/1" alt="مدیرعامل" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
192
+ <h3 class="text-xl font-bold text-gray-800 mb-1">محمد رضایی</h3>
193
+ <p class="text-primary mb-3">مدیرعامل</p>
194
+ <p class="text-gray-600 text-sm mb-4">مهندسی صنایع با 15 سال سابقه در حوزه سلامت</p>
195
+ <div class="flex justify-center space-x-3">
196
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-linkedin-in"></i></a>
197
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-twitter"></i></a>
198
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-instagram"></i></a>
199
+ </div>
200
+ </div>
201
+
202
+ <!-- Team Member 2 -->
203
+ <div class="bg-white rounded-xl shadow-md p-6 text-center team-member">
204
+ <img src="http://static.photos/people/320x240/2" alt="مدیر فروش" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
205
+ <h3 class="text-xl font-bold text-gray-800 mb-1">فاطمه احمدی</h3>
206
+ <p class="text-primary mb-3">مدیر فروش</p>
207
+ <p class="text-gray-600 text-sm mb-4">کارشناس بازاریابی با 10 سال سابقه در صنعت پزشکی</p>
208
+ <div class="flex justify-center space-x-3">
209
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-linkedin-in"></i></a>
210
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-twitter"></i></a>
211
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-instagram"></i></a>
212
+ </div>
213
+ </div>
214
+
215
+ <!-- Team Member 3 -->
216
+ <div class="bg-white rounded-xl shadow-md p-6 text-center team-member">
217
+ <img src="http://static.photos/people/320x240/3" alt="مدیر فنی" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
218
+ <h3 class="text-xl font-bold text-gray-800 mb-1">علی مرادی</h3>
219
+ <p class="text-primary mb-3">مدیر فنی</p>
220
+ <p class="text-gray-600 text-sm mb-4">کارشناس تجهیزات پزشکی با 12 سال سابقه تخصصی</p>
221
+ <div class="flex justify-center space-x-3">
222
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-linkedin-in"></i></a>
223
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-twitter"></i></a>
224
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-instagram"></i></a>
225
+ </div>
226
+ </div>
227
+
228
+ <!-- Team Member 4 -->
229
+ <div class="bg-white rounded-xl shadow-md p-6 text-center team-member">
230
+ <img src="http://static.photos/people/320x240/4" alt="مدیر پشتیبانی" class="w-32 h-32 rounded-full mx-auto mb-4 object-cover">
231
+ <h3 class="text-xl font-bold text-gray-800 mb-1">زهرا نوری</h3>
232
+ <p class="text-primary mb-3">مدیر پشتیبانی</p>
233
+ <p class="text-gray-600 text-sm mb-4">کارشناس خدمات مشتریان با 8 سال سابقه در حوزه پزشکی</p>
234
+ <div class="flex justify-center space-x-3">
235
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-linkedin-in"></i></a>
236
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-twitter"></i></a>
237
+ <a href="#" class="text-gray-400 hover:text-primary"><i class="fab fa-instagram"></i></a>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </section>
243
+
244
+ <!-- Values Section -->
245
+ <section class="py-16 bg-white">
246
+ <div class="container mx-auto px-4">
247
+ <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">ارزش‌های ما</h2>
248
+
249
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
250
+ <div class="text-center p-8 bg-blue-50 rounded-xl">
251
+ <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mx-auto mb-6">
252
+ <i class="fas fa-heart text-white text-2xl"></i>
253
+ </div>
254
+ <h3 class="text-xl font-bold text-gray-800 mb-4">اعتماد و صداقت</h3>
255
+ <p class="text-gray-600">ما در تمامی تعاملات خود با مشتریان، اعتماد و صداقت را در اولویت قرار می‌دهیم و همواره وفادار به تعهدات خود هستیم.</p>
256
+ </div>
257
+
258
+ <div class="text-center p-8 bg-blue-50 rounded-xl">
259
+ <div class="w-20 h-20 bg-secondary rounded-full flex items-center justify-center mx-auto mb-6">
260
+ <i class="fas fa-medal text-white text-2xl"></i>
261
+ </div>
262
+ <h3 class="text-xl font-bold text-gray-800 mb-4">کیفیت و استاندارد</h3>
263
+ <p class="text-gray-600">ارائه محصولات و خدمات با بالاترین کیفیت و استانداردهای بین‌المللی برای ما امری ضروری و غیرقابل چشم‌پوشی است.</p>
264
+ </div>
265
+
266
+ <div class="text-center p-8 bg-blue-50 rounded-xl">
267
+ <div class="w-20 h-20 bg-primary rounded-full flex items-center justify-center mx-auto mb-6">
268
+ <i class="fas fa-lightbulb text-white text-2xl"></i>
269
+ </div>
270
+ <h3 class="text-xl font-bold text-gray-800 mb-4">نوآوری و بهبود مستمر</h3>
271
+ <p class="text-gray-600">ما همواره در پی نوآوری و بهبود مستمر در فرآیندهای خود هستیم تا بتوانیم تجربه بهتری را برای مشتریان خود فراهم کنیم.</p>
272
+ </div>
273
+ </div>
274
+ </div>
275
+ </section>
276
+
277
+ <!-- CTA Section -->
278
+ <section class="py-16 bg-gradient-to-r from-primary to-secondary">
279
+ <div class="container mx-auto px-4 text-center">
280
+ <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">با ما تماس بگیرید</h2>
281
+ <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">سوالی دارید یا نیاز به مشاوره تخصصی دارید؟ تیم ما آماده کمک به شماست</p>
282
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
283
+ <button class="bg-white text-primary font-bold py-3 px-8 rounded-lg hover:bg-gray-100 transition">
284
+ تماس با ما
285
+ </button>
286
+ <button class="border-2 border-white text-white font-bold py-3 px-8 rounded-lg hover:bg-white hover:text-primary transition">
287
+ اطلاعات بیشتر
288
+ </button>
289
+ </div>
290
+ </div>
291
+ </section>
292
+
293
+ <!-- Footer -->
294
+ <footer class="bg-gray-800 text-white pt-16 pb-8 mt-12">
295
+ <div class="container mx-auto px-4">
296
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
297
+ <div>
298
+ <div class="flex items-center mb-6">
299
+ <i class="fas fa-heartbeat text-secondary text-2xl ml-3"></i>
300
+ <h3 class="text-2xl font-bold">MedStore فارسی</h3>
301
+ </div>
302
+ <p class="text-gray-400 mb-6">فروشگاه تخصصی تجهیزات و لوازم پزشکی با کیفیت بالا و خدمات پس از فروش معتبر</p>
303
+ <div class="flex space-x-4">
304
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
305
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-telegram"></i></a>
306
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-whatsapp"></i></a>
307
+ </div>
308
+ </div>
309
+
310
+ <div>
311
+ <h4 class="text-lg font-bold mb-6">دسته بندی محصولات</h4>
312
+ <ul class="space-y-3">
313
+ <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات تشخیصی</a></li>
314
+ <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات بستری</a></li>
315
+ <li><a href="#" class="text-gray-400 hover:text-white">لوازم مصرفی</a></li>
316
+ <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات آزمایشگاهی</a></li>
317
+ <li><a href="#" class="text-gray-400 hover:text-white">تجهیزات جراحی</a></li>
318
+ </ul>
319
+ </div>
320
+
321
+ <div>
322
+ <h4 class="text-lg font-bold mb-6">خدمات مشتریان</h4>
323
+ <ul class="space-y-3">
324
+ <li><a href="#" class="text-gray-400 hover:text-white">پرسش های متداول</a></li>
325
+ <li><a href="#" class="text-gray-400 hover:text-white">شرایط بازگشت کالا</a></li>
326
+ <li><a href="#" class="text-gray-400 hover:text-white">حریم خصوصی</a></li>
327
+ <li><a href="#" class="text-gray-400 hover:text-white">شرایط و قوانین</a></li>
328
+ <li><a href="#" class="text-gray-400 hover:text-white">پشتیبانی آنلاین</a></li>
329
+ </ul>
330
+ </div>
331
+
332
+ <div>
333
+ <h4 class="text-lg font-bold mb-6">اطلاعات تماس</h4>
334
+ <ul class="space-y-3 text-gray-400">
335
+ <li class="flex items-start">
336
+ <i class="fas fa-map-marker-alt mt-1 ml-3"></i>
337
+ <span>تهران، خیابان ولیعصر، پلاک 123</span>
338
+ </li>
339
+ <li class="flex items-center">
340
+ <i class="fas fa-phone ml-3"></i>
341
+ <span>021-12345678</span>
342
+ </li>
343
+ <li class="flex items-center">
344
+ <i class="fas fa-envelope ml-3"></i>
345
+ <span>info@medstore.ir</span>
346
+ </li>
347
+ <li class="flex items-center">
348
+ <i class="fas fa-clock ml-3"></i>
349
+ <span>شنبه تا چهارشنبه: 8 الی 17</span>
350
+ </li>
351
+ </ul>
352
+ </div>
353
+ </div>
354
+
355
+ <div class="border-t border-gray-700 pt-8 text-center text-gray-400">
356
+ <p>&copy; 2023 MedStore فارسی. تمامی حقوق محفوظ است.</p>
357
+ </div>
358
+ </div>
359
+ </footer>
360
+ </body>
361
+ </html>
index.html CHANGED
@@ -59,7 +59,7 @@
59
  <a href="index.html" class="text-primary hover:text-secondary font-medium">خانه</a>
60
  <a href="products.html" class="text-gray-600 hover:text-primary font-medium">محصولات</a>
61
  <a href="services.html" class="text-gray-600 hover:text-primary font-medium">خدمات</a>
62
- <a href="#" class="text-gray-600 hover:text-primary font-medium">درباره ما</a>
63
  <a href="#" class="text-gray-600 hover:text-primary font-medium">تماس با ما</a>
64
  </nav>
65
  <div class="flex items-center space-x-4">
 
59
  <a href="index.html" class="text-primary hover:text-secondary font-medium">خانه</a>
60
  <a href="products.html" class="text-gray-600 hover:text-primary font-medium">محصولات</a>
61
  <a href="services.html" class="text-gray-600 hover:text-primary font-medium">خدمات</a>
62
+ <a href="about.html" class="text-gray-600 hover:text-primary font-medium">درباره ما</a>
63
  <a href="#" class="text-gray-600 hover:text-primary font-medium">تماس با ما</a>
64
  </nav>
65
  <div class="flex items-center space-x-4">
services.html CHANGED
@@ -53,16 +53,14 @@
53
  <i class="fas fa-heartbeat text-primary text-3xl ml-3"></i>
54
  <h1 class="text-2xl font-bold text-gray-800">MedStore فارسی</h1>
55
  </div>
56
-
57
  <nav class="flex flex-wrap justify-center gap-4 mb-4 md:mb-0">
58
  <a href="index.html" class="text-gray-600 hover:text-primary font-medium">خانه</a>
59
  <a href="products.html" class="text-gray-600 hover:text-primary font-medium">محصولات</a>
60
  <a href="services.html" class="text-primary hover:text-secondary font-medium">خدمات</a>
61
- <a href="#" class="text-gray-600 hover:text-primary font-medium">درباره ما</a>
62
  <a href="#" class="text-gray-600 hover:text-primary font-medium">تماس با ما</a>
63
  </nav>
64
-
65
- <div class="flex items-center space-x-4">
66
  <button class="text-gray-600 hover:text-primary">
67
  <i class="fas fa-search text-xl"></i>
68
  </button>
 
53
  <i class="fas fa-heartbeat text-primary text-3xl ml-3"></i>
54
  <h1 class="text-2xl font-bold text-gray-800">MedStore فارسی</h1>
55
  </div>
 
56
  <nav class="flex flex-wrap justify-center gap-4 mb-4 md:mb-0">
57
  <a href="index.html" class="text-gray-600 hover:text-primary font-medium">خانه</a>
58
  <a href="products.html" class="text-gray-600 hover:text-primary font-medium">محصولات</a>
59
  <a href="services.html" class="text-primary hover:text-secondary font-medium">خدمات</a>
60
+ <a href="about.html" class="text-gray-600 hover:text-primary font-medium">درباره ما</a>
61
  <a href="#" class="text-gray-600 hover:text-primary font-medium">تماس با ما</a>
62
  </nav>
63
+ <div class="flex items-center space-x-4">
 
64
  <button class="text-gray-600 hover:text-primary">
65
  <i class="fas fa-search text-xl"></i>
66
  </button>