Hugging Face's logo

Spaces:
Saeidfrj33
/
https-enzostvs-deepsite-hf-space
Running

App Files Community
Saeidfrj33 commited on
Commit
f3cae33
·
verified ·
1 Parent(s): 7f316be

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +841 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Https Enzostvs Deepsite Hf Space
3
- emoji: 🌖
4
- colorFrom: green
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: https-enzostvs-deepsite-hf-space
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,841 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>عطاری آزادگان - فروشگاه گیاهان دارویی و طب سنتی</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Tahoma&display=swap');
11
+
12
+ body {
13
+ font-family: 'Tahoma', sans-serif;
14
+ background-color: #f8f9fa;
15
+ }
16
+
17
+ .hero-bg {
18
+ background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1606787366850-de6330128bfc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
19
+ background-size: cover;
20
+ background-position: center;
21
+ }
22
+
23
+ .category-card:hover {
24
+ transform: translateY(-5px);
25
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
26
+ }
27
+
28
+ .product-card:hover {
29
+ transform: translateY(-5px);
30
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
31
+ }
32
+
33
+ .testimonial-card {
34
+ transition: all 0.3s ease;
35
+ }
36
+
37
+ .testimonial-card:hover {
38
+ transform: scale(1.03);
39
+ }
40
+
41
+ .nav-link:hover {
42
+ color: #4CAF50 !important;
43
+ }
44
+
45
+ .dropdown:hover .dropdown-menu {
46
+ display: block;
47
+ }
48
+ </style>
49
+ </head>
50
+ <body>
51
+ <!-- Header -->
52
+ <header class="bg-white shadow-md">
53
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
54
+ <div class="flex items-center">
55
+ <img src="https://via.placeholder.com/50" alt="عطاری آزادگان" class="h-12 w-12 rounded-full">
56
+ <h1 class="text-xl font-bold text-green-800 mr-3">عطاری آزادگان</h1>
57
+ </div>
58
+
59
+ <div class="hidden md:flex items-center space-x-6 space-x-reverse">
60
+ <div class="relative group">
61
+ <a href="#" class="text-gray-700 hover:text-green-600 font-medium">صفحه اصلی</a>
62
+ </div>
63
+ <div class="relative group">
64
+ <a href="#products" class="text-gray-700 hover:text-green-600 font-medium">محصولات</a>
65
+ </div>
66
+ <div class="relative group">
67
+ <a href="#about" class="text-gray-700 hover:text-green-600 font-medium">درباره ما</a>
68
+ </div>
69
+ <div class="relative group">
70
+ <a href="#blog" class="text-gray-700 hover:text-green-600 font-medium">وبلاگ</a>
71
+ </div>
72
+ <div class="relative group">
73
+ <a href="#contact" class="text-gray-700 hover:text-green-600 font-medium">تماس با ما</a>
74
+ </div>
75
+ </div>
76
+
77
+ <div class="flex items-center space-x-4 space-x-reverse">
78
+ <a href="#" class="text-gray-700 hover:text-green-600">
79
+ <i class="fas fa-shopping-cart text-xl"></i>
80
+ <span class="bg-green-500 text-white text-xs font-bold rounded-full h-5 w-5 flex items-center justify-center absolute -mt-2 -mr-2">3</span>
81
+ </a>
82
+ <a href="#" class="text-gray-700 hover:text-green-600">
83
+ <i class="fas fa-user text-xl"></i>
84
+ </a>
85
+ <button class="md:hidden text-gray-700 focus:outline-none">
86
+ <i class="fas fa-bars text-xl"></i>
87
+ </button>
88
+ </div>
89
+ </div>
90
+ </header>
91
+
92
+ <!-- Mobile Menu -->
93
+ <div class="md:hidden bg-white shadow-lg hidden" id="mobileMenu">
94
+ <div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
95
+ <a href="#" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">صفحه اصلی</a>
96
+ <a href="#products" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">محصولات</a>
97
+ <a href="#about" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">درباره ما</a>
98
+ <a href="#blog" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">وبلاگ</a>
99
+ <a href="#contact" class="text-gray-700 hover:text-green-600 font-medium py-2">تماس با ما</a>
100
+ </div>
101
+ </div>
102
+
103
+ <!-- Hero Section -->
104
+ <section class="hero-bg text-white py-20">
105
+ <div class="container mx-auto px-4 text-center">
106
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">به عطاری آزادگان خوش آمدید</h1>
107
+ <p class="text-xl mb-8">مرجع تخصصی گیاهان دارویی، عرقیجات و محصولات طب سنتی</p>
108
+ <div class="flex justify-center space-x-4 space-x-reverse">
109
+ <a href="#products" class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">مشاهده محصولات</a>
110
+ <a href="#about" class="bg-white hover:bg-gray-100 text-green-600 font-bold py-3 px-6 rounded-lg transition duration-300">درباره ما</a>
111
+ </div>
112
+ </div>
113
+ </section>
114
+
115
+ <!-- Features Section -->
116
+ <section class="py-12 bg-white">
117
+ <div class="container mx-auto px-4">
118
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
119
+ <div class="text-center p-6 rounded-lg bg-gray-50">
120
+ <i class="fas fa-truck text-4xl text-green-600 mb-4"></i>
121
+ <h3 class="text-xl font-bold mb-2">ارسال سریع</h3>
122
+ <p class="text-gray-600">ارسال به تمام نقاط تهران در همان روز و سایر شهرها در کمترین زمان ممکن</p>
123
+ </div>
124
+ <div class="text-center p-6 rounded-lg bg-gray-50">
125
+ <i class="fas fa-check-circle text-4xl text-green-600 mb-4"></i>
126
+ <h3 class="text-xl font-bold mb-2">کیفیت تضمینی</h3>
127
+ <p class="text-gray-600">کلیه محصولات با کیفیت عالی و با گارانتی بازگشت وجه ارائه می‌شوند</p>
128
+ </div>
129
+ <div class="text-center p-6 rounded-lg bg-gray-50">
130
+ <i class="fas fa-headset text-4xl text-green-600 mb-4"></i>
131
+ <h3 class="text-xl font-bold mb-2">پشتیبانی 24 ساعته</h3>
132
+ <p class="text-gray-600">پشتیبانی تلفنی و آنلاین در تمام ساعات شبانه روز</p>
133
+ </div>
134
+ </div>
135
+ </div>
136
+ </section>
137
+
138
+ <!-- Categories Section -->
139
+ <section class="py-12 bg-gray-50">
140
+ <div class="container mx-auto px-4">
141
+ <h2 class="text-3xl font-bold text-center mb-12 text-green-800">دسته‌بندی محصولات</h2>
142
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
143
+ <a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300">
144
+ <i class="fas fa-leaf text-4xl text-green-600 mb-4"></i>
145
+ <h3 class="text-lg font-bold mb-2">گیاهان دارویی</h3>
146
+ <p class="text-gray-600 text-sm">انواع گیاهان دارویی با کیفیت عالی</p>
147
+ </a>
148
+ <a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300">
149
+ <i class="fas fa-wine-bottle text-4xl text-green-600 mb-4"></i>
150
+ <h3 class="text-lg font-bold mb-2">عرقیجات گیاهی</h3>
151
+ <p class="text-gray-600 text-sm">عرقیجات صد درصد طبیعی و خالص</p>
152
+ </a>
153
+ <a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300">
154
+ <i class="fas fa-spa text-4xl text-green-600 mb-4"></i>
155
+ <h3 class="text-lg font-bold mb-2">ترکیبات ویژه</h3>
156
+ <p class="text-gray-600 text-sm">ترکیبات مخصوص ترک اعتیاد و چاقی و لاغری</p>
157
+ </a>
158
+ <a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300">
159
+ <i class="fas fa-heart text-4xl text-green-600 mb-4"></i>
160
+ <h3 class="text-lg font-bold mb-2">درمان مشکلات جنسی</h3>
161
+ <p class="text-gray-600 text-sm">محصولات تخصصی برای تقویت قوای جنسی</p>
162
+ </a>
163
+ </div>
164
+ </div>
165
+ </section>
166
+
167
+ <!-- Products Section -->
168
+ <section id="products" class="py-12 bg-white">
169
+ <div class="container mx-auto px-4">
170
+ <h2 class="text-3xl font-bold text-center mb-12 text-green-800">محصولات پرفروش</h2>
171
+
172
+ <div class="mb-8 flex justify-center">
173
+ <div class="relative w-full md:w-1/2">
174
+ <input type="text" placeholder="جستجوی محصولات..." class="w-full py-3 px-4 pr-12 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-green-500">
175
+ <button class="absolute left-3 top-3 text-gray-500">
176
+ <i class="fas fa-search"></i>
177
+ </button>
178
+ </div>
179
+ </div>
180
+
181
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
182
+ <!-- Product 1 -->
183
+ <div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
184
+ <div class="relative">
185
+ <img src="https://images.unsplash.com/photo-1577049116696-71e64249a0f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="عرق بهار نارنج" class="w-full h-48 object-cover">
186
+ <div class="absolute top-2 left-2 bg-green-500 text-white text-xs font-bold px-2 py-1 rounded">جدید</div>
187
+ </div>
188
+ <div class="p-4">
189
+ <h3 class="text-lg font-bold mb-2">عرق بهار نارنج</h3>
190
+ <p class="text-gray-600 text-sm mb-3">عرق صد درصد طبیعی و خالص بهار نارنج</p>
191
+ <div class="flex justify-between items-center">
192
+ <span class="text-green-600 font-bold">45,000 تومان</span>
193
+ <button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button>
194
+ </div>
195
+ </div>
196
+ </div>
197
+
198
+ <!-- Product 2 -->
199
+ <div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
200
+ <div class="relative">
201
+ <img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="چای سبز" class="w-full h-48 object-cover">
202
+ <div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">پرفروش</div>
203
+ </div>
204
+ <div class="p-4">
205
+ <h3 class="text-lg font-bold mb-2">چای سبز لاغری</h3>
206
+ <p class="text-gray-600 text-sm mb-3">ترکیب ویژه چای سبز برای کاهش وزن</p>
207
+ <div class="flex justify-between items-center">
208
+ <span class="text-green-600 font-bold">65,000 تومان</span>
209
+ <button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button>
210
+ </div>
211
+ </div>
212
+ </div>
213
+
214
+ <!-- Product 3 -->
215
+ <div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
216
+ <div class="relative">
217
+ <img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="معجون ترک اعتیاد" class="w-full h-48 object-cover">
218
+ <div class="absolute top-2 left-2 bg-yellow-500 text-white text-xs font-bold px-2 py-1 rounded">ویژه</div>
219
+ </div>
220
+ <div class="p-4">
221
+ <h3 class="text-lg font-bold mb-2">معجون ترک اعتیاد</h3>
222
+ <p class="text-gray-600 text-sm mb-3">ترکیب گیاهی ویژه برای ترک اعتیاد</p>
223
+ <div class="flex justify-between items-center">
224
+ <span class="text-green-600 font-bold">120,000 تومان</span>
225
+ <button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button>
226
+ </div>
227
+ </div>
228
+ </div>
229
+
230
+ <!-- Product 4 -->
231
+ <div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
232
+ <div class="relative">
233
+ <img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="کپسول تقویت قوای جنسی" class="w-full h-48 object-cover">
234
+ </div>
235
+ <div class="p-4">
236
+ <h3 class="text-lg font-bold mb-2">کپسول تقویت قوای جنسی</h3>
237
+ <p class="text-gray-600 text-sm mb-3">ترکیب گیاهی برای درمان مشکلات جنسی</p>
238
+ <div class="flex justify-between items-center">
239
+ <span class="text-green-600 font-bold">95,000 تومان</span>
240
+ <button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button>
241
+ </div>
242
+ </div>
243
+ </div>
244
+ </div>
245
+
246
+ <div class="text-center mt-8">
247
+ <a href="#" class="inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">مشاهده همه محصولات</a>
248
+ </div>
249
+ </div>
250
+ </section>
251
+
252
+ <!-- About Section -->
253
+ <section id="about" class="py-12 bg-gray-50">
254
+ <div class="container mx-auto px-4">
255
+ <div class="flex flex-col md:flex-row items-center">
256
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
257
+ <img src="https://images.unsplash.com/photo-1606787366850-de6330128bfc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="عطاری آزادگان" class="w-full rounded-lg shadow-lg">
258
+ </div>
259
+ <div class="md:w-1/2">
260
+ <h2 class="text-3xl font-bold mb-6 text-green-800">درباره عطاری آزادگان</h2>
261
+ <p class="text-gray-700 mb-4 leading-relaxed">
262
+ عطاری آزادگان با بیش از 20 سال سابقه در زمینه فروش گیاهان دارویی و محصولات طب سنتی، همواره تلاش کرده است تا با ارائه محصولات باکیفیت و اصل، رضایت مشتریان خود را جلب نماید.
263
+ </p>
264
+ <p class="text-gray-700 mb-4 leading-relaxed">
265
+ ما در عطاری آزادگان با بهره‌گیری از دانش و تجربه متخصصان طب سنتی، محصولاتی ویژه برای ترک اعتیاد، چاقی و لاغری، درمان مشکلات جنسی و سایر بیماری‌ها ارائه می‌دهیم.
266
+ </p>
267
+ <p class="text-gray-700 mb-6 leading-relaxed">
268
+ تمامی محصولات ما از جمله عرقیجات گیاهی، گیاهان دارویی و ترکیبات ویژه، با دقت و حساسیت بالا انتخاب و عرضه می‌شوند تا سلامت و رضایت شما عزیزان تضمین شود.
269
+ </p>
270
+ <div class="flex space-x-4 space-x-reverse">
271
+ <div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg">
272
+ <i class="fas fa-award text-xl mb-1"></i>
273
+ <p class="font-bold">20 سال تجربه</p>
274
+ </div>
275
+ <div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg">
276
+ <i class="fas fa-leaf text-xl mb-1"></i>
277
+ <p class="font-bold">محصولات طبیعی</p>
278
+ </div>
279
+ <div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg">
280
+ <i class="fas fa-smile text-xl mb-1"></i>
281
+ <p class="font-bold">رضایت مشتری</p>
282
+ </div>
283
+ </div>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </section>
288
+
289
+ <!-- Testimonials Section -->
290
+ <section class="py-12 bg-white">
291
+ <div class="container mx-auto px-4">
292
+ <h2 class="text-3xl font-bold text-center mb-12 text-green-800">نظرات مشتریان</h2>
293
+
294
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
295
+ <!-- Testimonial 1 -->
296
+ <div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-md">
297
+ <div class="flex items-center mb-4">
298
+ <img src="https://via.placeholder.com/50" alt="مشتری" class="h-12 w-12 rounded-full">
299
+ <div class="mr-3">
300
+ <h4 class="font-bold">محمد رضایی</h4>
301
+ <div class="flex text-yellow-400">
302
+ <i class="fas fa-star"></i>
303
+ <i class="fas fa-star"></i>
304
+ <i class="fas fa-star"></i>
305
+ <i class="fas fa-star"></i>
306
+ <i class="fas fa-star"></i>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ <p class="text-gray-700">
311
+ "معجون ترک اعتیاد این عطاری واقعا معجزه کرد. بعد از سالها مصرف مواد، بالاخره توانستم ترک کنم. ممنون از محصولات باکیفیت شما."
312
+ </p>
313
+ </div>
314
+
315
+ <!-- Testimonial 2 -->
316
+ <div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-md">
317
+ <div class="flex items-center mb-4">
318
+ <img src="https://via.placeholder.com/50" alt="مشتری" class="h-12 w-12 rounded-full">
319
+ <div class="mr-3">
320
+ <h4 class="font-bold">فاطمه محمدی</h4>
321
+ <div class="flex text-yellow-400">
322
+ <i class="fas fa-star"></i>
323
+ <i class="fas fa-star"></i>
324
+ <i class="fas fa-star"></i>
325
+ <i class="fas fa-star"></i>
326
+ <i class="fas fa-star"></i>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ <p class="text-gray-700">
331
+ "چای سبز لاغری شما واقعا اثرگذار بود. در مدت 3 ماه 12 کیلوگرم وزن کم کردم بدون هیچ عوارضی. توصیه می‌کنم به همه."
332
+ </p>
333
+ </div>
334
+
335
+ <!-- Testimonial 3 -->
336
+ <div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-md">
337
+ <div class="flex items-center mb-4">
338
+ <img src="https://via.placeholder.com/50" alt="مشتری" class="h-12 w-12 rounded-full">
339
+ <div class="mr-3">
340
+ <h4 class="font-bold">علی حسینی</h4>
341
+ <div class="flex text-yellow-400">
342
+ <i class="fas fa-star"></i>
343
+ <i class="fas fa-star"></i>
344
+ <i class="fas fa-star"></i>
345
+ <i class="fas fa-star"></i>
346
+ <i class="fas fa-star-half-alt"></i>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ <p class="text-gray-700">
351
+ "کپسول تقویت قوای جنسی شما مشکل من رو حل کرد. بعد از سالها درمان‌های مختلف، بالاخره نتیجه گرفتم. ممنون از مشاوره خوبتون."
352
+ </p>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </section>
357
+
358
+ <!-- Blog Section -->
359
+ <section id="blog" class="py-12 bg-gray-50">
360
+ <div class="container mx-auto px-4">
361
+ <h2 class="text-3xl font-bold text-center mb-12 text-green-800">مقالات و آموزش‌ها</h2>
362
+
363
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
364
+ <!-- Blog Post 1 -->
365
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
366
+ <img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="مقاله" class="w-full h-48 object-cover">
367
+ <div class="p-6">
368
+ <span class="text-green-600 text-sm font-medium">طب سنتی</span>
369
+ <h3 class="text-xl font-bold mt-2 mb-3">خواص درمانی گیاهان دارویی برای ترک اعتیاد</h3>
370
+ <p class="text-gray-600 mb-4">در این مقاله به بررسی گیاهان دارویی موثر در ترک اعتیاد و نحوه مصرف آنها می‌پردازیم...</p>
371
+ <div class="flex justify-between items-center">
372
+ <span class="text-gray-500 text-sm">15 خرداد 1402</span>
373
+ <a href="#" class="text-green-600 hover:text-green-800 font-medium">ادامه مطلب</a>
374
+ </div>
375
+ </div>
376
+ </div>
377
+
378
+ <!-- Blog Post 2 -->
379
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
380
+ <img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="مقاله" class="w-full h-48 object-cover">
381
+ <div class="p-6">
382
+ <span class="text-green-600 text-sm font-medium">لاغری</span>
383
+ <h3 class="text-xl font-bold mt-2 mb-3">راهکارهای طبیعی برای کاهش وزن بدون عوارض</h3>
384
+ <p class="text-gray-600 mb-4">در این مقاله به معرفی گیاهان دارویی و روش‌های طبیعی برای کاهش وزن می‌پردازیم...</p>
385
+ <div class="flex justify-between items-center">
386
+ <span class="text-gray-500 text-sm">2 اردیبهشت 1402</span>
387
+ <a href="#" class="text-green-600 hover:text-green-800 font-medium">ادامه مطلب</a>
388
+ </div>
389
+ </div>
390
+ </div>
391
+
392
+ <!-- Blog Post 3 -->
393
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
394
+ <img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="مقاله" class="w-full h-48 object-cover">
395
+ <div class="p-6">
396
+ <span class="text-green-600 text-sm font-medium">درمان مشکلات جنسی</span>
397
+ <h3 class="text-xl font-bold mt-2 mb-3">گیاهان دارویی موثر در تقویت قوای جنسی</h3>
398
+ <p class="text-gray-600 mb-4">در این مقاله به معرفی گیاهان دارویی مفید برای درمان مشکلات جنسی می‌پردازیم...</p>
399
+ <div class="flex justify-between items-center">
400
+ <span class="text-gray-500 text-sm">20 فروردین 1402</span>
401
+ <a href="#" class="text-green-600 hover:text-green-800 font-medium">ادامه مطلب</a>
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </div>
406
+
407
+ <div class="text-center mt-8">
408
+ <a href="#" class="inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">مشاهده همه مقالات</a>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- Contact Section -->
414
+ <section id="contact" class="py-12 bg-white">
415
+ <div class="container mx-auto px-4">
416
+ <h2 class="text-3xl font-bold text-center mb-12 text-green-800">تماس با ما</h2>
417
+
418
+ <div class="flex flex-col md:flex-row">
419
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
420
+ <div class="bg-gray-50 p-6 rounded-lg shadow-md h-full">
421
+ <h3 class="text-xl font-bold mb-4 text-green-700">اطلاعات تماس</h3>
422
+
423
+ <div class="space-y-4">
424
+ <div class="flex items-start">
425
+ <i class="fas fa-map-marker-alt text-green-600 mt-1 ml-2"></i>
426
+ <div>
427
+ <h4 class="font-bold">آدرس:</h4>
428
+ <p class="text-gray-700">تهران، ملارد، سرآسیاب، خیابان شهید صدوقی، میدان آزادگان، عطاری آزادگان</p>
429
+ </div>
430
+ </div>
431
+
432
+ <div class="flex items-start">
433
+ <i class="fas fa-phone-alt text-green-600 mt-1 ml-2"></i>
434
+ <div>
435
+ <h4 class="font-bold">تلفن همراه:</h4>
436
+ <p class="text-gray-700">۰۹۳۶۵۴۷۰۸۱۲</p>
437
+ </div>
438
+ </div>
439
+
440
+ <div class="flex items-start">
441
+ <i class="fas fa-phone text-green-600 mt-1 ml-2"></i>
442
+ <div>
443
+ <h4 class="font-bold">تلفن ثابت:</h4>
444
+ <p class="text-gray-700">۰۲۱۶۵۱۷۰۵۶۳</p>
445
+ </div>
446
+ </div>
447
+
448
+ <div class="flex items-start">
449
+ <i class="fas fa-envelope text-green-600 mt-1 ml-2"></i>
450
+ <div>
451
+ <h4 class="font-bold">ایمیل:</h4>
452
+ <p class="text-gray-700">info@azadegan-herbal.com</p>
453
+ </div>
454
+ </div>
455
+
456
+ <div class="flex items-start">
457
+ <i class="fas fa-clock text-green-600 mt-1 ml-2"></i>
458
+ <div>
459
+ <h4 class="font-bold">ساعات کاری:</h4>
460
+ <p class="text-gray-700">همه روزه از 8 صبح تا 10 شب</p>
461
+ </div>
462
+ </div>
463
+ </div>
464
+
465
+ <div class="mt-6">
466
+ <h4 class="font-bold mb-2">ما را در شبکه‌های اجتماعی دنبال کنید:</h4>
467
+ <div class="flex space-x-4 space-x-reverse">
468
+ <a href="#" class="bg-blue-500 text-white p-2 rounded-full hover:bg-blue-600">
469
+ <i class="fab fa-telegram"></i>
470
+ </a>
471
+ <a href="#" class="bg-blue-700 text-white p-2 rounded-full hover:bg-blue-800">
472
+ <i class="fab fa-instagram"></i>
473
+ </a>
474
+ <a href="#" class="bg-blue-400 text-white p-2 rounded-full hover:bg-blue-500">
475
+ <i class="fab fa-twitter"></i>
476
+ </a>
477
+ <a href="#" class="bg-red-600 text-white p-2 rounded-full hover:bg-red-700">
478
+ <i class="fab fa-youtube"></i>
479
+ </a>
480
+ </div>
481
+ </div>
482
+ </div>
483
+ </div>
484
+
485
+ <div class="md:w-1/2">
486
+ <div class="bg-gray-50 p-6 rounded-lg shadow-md h-full">
487
+ <h3 class="text-xl font-bold mb-4 text-green-700">فرم تماس با ما</h3>
488
+
489
+ <form>
490
+ <div class="mb-4">
491
+ <label for="name" class="block text-gray-700 font-medium mb-2">نام و نام خانوادگی</label>
492
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
493
+ </div>
494
+
495
+ <div class="mb-4">
496
+ <label for="email" class="block text-gray-700 font-medium mb-2">ایمیل</label>
497
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
498
+ </div>
499
+
500
+ <div class="mb-4">
501
+ <label for="phone" class="block text-gray-700 font-medium mb-2">شماره تماس</label>
502
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
503
+ </div>
504
+
505
+ <div class="mb-4">
506
+ <label for="subject" class="block text-gray-700 font-medium mb-2">موضوع</label>
507
+ <select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
508
+ <option value="">انتخاب کنید</option>
509
+ <option value="consult">مشاوره</option>
510
+ <option value="order">سفارش محصول</option>
511
+ <option value="complaint">انتقاد و پیشنهاد</option>
512
+ <option value="other">سایر</option>
513
+ </select>
514
+ </div>
515
+
516
+ <div class="mb-4">
517
+ <label for="message" class="block text-gray-700 font-medium mb-2">پیام شما</label>
518
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"></textarea>
519
+ </div>
520
+
521
+ <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300">ارسال پیام</button>
522
+ </form>
523
+ </div>
524
+ </div>
525
+ </div>
526
+ </div>
527
+ </section>
528
+
529
+ <!-- Map Section -->
530
+ <section class="bg-gray-100">
531
+ <div class="container mx-auto px-4">
532
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3238.123456789012!2d50.987654321!3d35.123456789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzXCsDA3JzI0LjQiTiA1MMKwNTknMTUuNiJF!5e0!3m2!1sen!2sir!4v1234567890123!5m2!1sen!2sir" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" class="rounded-lg shadow-lg"></iframe>
533
+ </div>
534
+ </section>
535
+
536
+ <!-- Footer -->
537
+ <footer class="bg-green-800 text-white py-8">
538
+ <div class="container mx-auto px-4">
539
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
540
+ <div>
541
+ <h3 class="text-xl font-bold mb-4">عطاری آزادگان</h3>
542
+ <p class="mb-4">
543
+ ارائه دهنده بهترین و باکیفیت‌ترین محصولات گیاهی و طب سنتی با بیش از 20 سال سابقه درخشان
544
+ </p>
545
+ <div class="flex space-x-4 space-x-reverse">
546
+ <a href="#" class="hover:text-green-300">
547
+ <i class="fab fa-telegram text-xl"></i>
548
+ </a>
549
+ <a href="#" class="hover:text-green-300">
550
+ <i class="fab fa-instagram text-xl"></i>
551
+ </a>
552
+ <a href="#" class="hover:text-green-300">
553
+ <i class="fab fa-whatsapp text-xl"></i>
554
+ </a>
555
+ </div>
556
+ </div>
557
+
558
+ <div>
559
+ <h3 class="text-xl font-bold mb-4">لینک‌های مفید</h3>
560
+ <ul class="space-y-2">
561
+ <li><a href="#" class="hover:text-green-300 transition">صفحه اصلی</a></li>
562
+ <li><a href="#products" class="hover:text-green-300 transition">محصولات</a></li>
563
+ <li><a href="#about" class="hover:text-green-300 transition">درباره ما</a></li>
564
+ <li><a href="#blog" class="hover:text-green-300 transition">وبلاگ</a></li>
565
+ <li><a href="#contact" class="hover:text-green-300 transition">تماس با ما</a></li>
566
+ </ul>
567
+ </div>
568
+
569
+ <div>
570
+ <h3 class="text-xl font-bold mb-4">خدمات ویژه</h3>
571
+ <ul class="space-y-2">
572
+ <li><a href="#" class="hover:text-green-300 transition">ترک اعتیاد</a></li>
573
+ <li><a href="#" class="hover:text-green-300 transition">چاقی و لاغری</a></li>
574
+ <li><a href="#" class="hover:text-green-300 transition">درمان مشکلات جنسی</a></li>
575
+ <li><a href="#" class="hover:text-green-300 transition">گیاهان دارویی</a></li>
576
+ <li><a href="#" class="hover:text-green-300 transition">عرقیجات گیاهی</a></li>
577
+ </ul>
578
+ </div>
579
+
580
+ <div>
581
+ <h3 class="text-xl font-bold mb-4">عضویت در خبرنامه</h3>
582
+ <p class="mb-4">
583
+ برای دریافت جدیدترین محصولات و تخفیف‌ها، ایمیل خود را وارد کنید.
584
+ </p>
585
+ <form class="flex">
586
+ <input type="email" placeholder="ایمیل شما" class="px-4 py-2 rounded-r-lg focus:outline-none text-gray-800 w-full">
587
+ <button type="submit" class="bg-green-600 hover:bg-green-700 px-4 py-2 rounded-l-lg">
588
+ <i class="fas fa-paper-plane"></i>
589
+ </button>
590
+ </form>
591
+ </div>
592
+ </div>
593
+
594
+ <div class="border-t border-green-700 mt-8 pt-6 text-center">
595
+ <p>© 1402 کلیه حقوق برای عطاری آزادگان محفوظ است.</p>
596
+ </div>
597
+ </div>
598
+ </footer>
599
+
600
+ <!-- Shopping Cart Modal -->
601
+ <div class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="cartModal">
602
+ <div class="absolute top-0 right-0 h-full w-full md:w-1/3 bg-white shadow-lg overflow-y-auto">
603
+ <div class="p-4">
604
+ <div class="flex justify-between items-center border-b pb-4 mb-4">
605
+ <h3 class="text-xl font-bold">سبد خرید شما</h3>
606
+ <button onclick="closeCart()" class="text-gray-500 hover:text-gray-700">
607
+ <i class="fas fa-times"></i>
608
+ </button>
609
+ </div>
610
+
611
+ <div class="space-y-4 mb-4">
612
+ <!-- Cart Item 1 -->
613
+ <div class="flex justify-between items-center border-b pb-4">
614
+ <div class="flex items-center">
615
+ <img src="https://via.placeholder.com/60" alt="عرق بهار نارنج" class="h-16 w-16 rounded-lg mr-3">
616
+ <div>
617
+ <h4 class="font-medium">عرق بهار نارنج</h4>
618
+ <p class="text-gray-600 text-sm">45,000 تومان</p>
619
+ </div>
620
+ </div>
621
+ <div class="flex items-center">
622
+ <button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded">
623
+ <i class="fas fa-minus"></i>
624
+ </button>
625
+ <span class="mx-2">1</span>
626
+ <button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded">
627
+ <i class="fas fa-plus"></i>
628
+ </button>
629
+ <button class="text-red-500 hover:text-red-700 mr-3">
630
+ <i class="fas fa-trash"></i>
631
+ </button>
632
+ </div>
633
+ </div>
634
+
635
+ <!-- Cart Item 2 -->
636
+ <div class="flex justify-between items-center border-b pb-4">
637
+ <div class="flex items-center">
638
+ <img src="https://via.placeholder.com/60" alt="چای سبز لاغری" class="h-16 w-16 rounded-lg mr-3">
639
+ <div>
640
+ <h4 class="font-medium">چای سبز لاغری</h4>
641
+ <p class="text-gray-600 text-sm">65,000 تومان</p>
642
+ </div>
643
+ </div>
644
+ <div class="flex items-center">
645
+ <button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded">
646
+ <i class="fas fa-minus"></i>
647
+ </button>
648
+ <span class="mx-2">1</span>
649
+ <button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded">
650
+ <i class="fas fa-plus"></i>
651
+ </button>
652
+ <button class="text-red-500 hover:text-red-700 mr-3">
653
+ <i class="fas fa-trash"></i>
654
+ </button>
655
+ </div>
656
+ </div>
657
+ </div>
658
+
659
+ <div class="border-t pt-4 mb-4">
660
+ <div class="flex justify-between mb-2">
661
+ <span>جمع کل:</span>
662
+ <span class="font-bold">110,000 تومان</span>
663
+ </div>
664
+ <div class="flex justify-between mb-2">
665
+ <span>تخفیف:</span>
666
+ <span class="text-green-600">10,000 تومان</span>
667
+ </div>
668
+ <div class="flex justify-between font-bold text-lg">
669
+ <span>مبلغ قابل پرداخت:</span>
670
+ <span>100,000 تومان</span>
671
+ </div>
672
+ </div>
673
+
674
+ <button class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 mb-2">
675
+ پرداخت نهایی
676
+ </button>
677
+ <button class="w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-3 px-4 rounded-lg transition duration-300">
678
+ ادامه خرید
679
+ </button>
680
+ </div>
681
+ </div>
682
+ </div>
683
+
684
+ <!-- Login Modal -->
685
+ <div class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="loginModal">
686
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-lg w-full md:w-1/3 p-6">
687
+ <div class="flex justify-between items-center border-b pb-4 mb-4">
688
+ <h3 class="text-xl font-bold">ورود به حساب کاربری</h3>
689
+ <button onclick="closeLogin()" class="text-gray-500 hover:text-gray-700">
690
+ <i class="fas fa-times"></i>
691
+ </button>
692
+ </div>
693
+
694
+ <form>
695
+ <div class="mb-4">
696
+ <label for="loginEmail" class="block text-gray-700 font-medium mb-2">ایمیل یا شماره موبایل</label>
697
+ <input type="text" id="loginEmail" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
698
+ </div>
699
+
700
+ <div class="mb-4">
701
+ <label for="loginPassword" class="block text-gray-700 font-medium mb-2">رمز عبور</label>
702
+ <input type="password" id="loginPassword" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
703
+ </div>
704
+
705
+ <div class="flex justify-between items-center mb-4">
706
+ <div class="flex items-center">
707
+ <input type="checkbox" id="rememberMe" class="mr-2">
708
+ <label for="rememberMe" class="text-gray-700">مرا به خاطر بسپار</label>
709
+ </div>
710
+ <a href="#" class="text-green-600 hover:text-green-800">فراموشی رمز عبور</a>
711
+ </div>
712
+
713
+ <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 mb-4">
714
+ ورود
715
+ </button>
716
+
717
+ <div class="text-center">
718
+ <p class="text-gray-700">حساب کاربری ندارید؟ <a href="#" class="text-green-600 hover:text-green-800 font-medium" onclick="showRegister()">ثبت نام کنید</a></p>
719
+ </div>
720
+ </form>
721
+ </div>
722
+ </div>
723
+
724
+ <!-- Register Modal -->
725
+ <div class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="registerModal">
726
+ <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-lg w-full md:w-1/3 p-6">
727
+ <div class="flex justify-between items-center border-b pb-4 mb-4">
728
+ <h3 class="text-xl font-bold">ثبت نام جدید</h3>
729
+ <button onclick="closeRegister()" class="text-gray-500 hover:text-gray-700">
730
+ <i class="fas fa-times"></i>
731
+ </button>
732
+ </div>
733
+
734
+ <form>
735
+ <div class="mb-4">
736
+ <label for="registerName" class="block text-gray-700 font-medium mb-2">نام و نام خانوادگی</label>
737
+ <input type="text" id="registerName" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
738
+ </div>
739
+
740
+ <div class="mb-4">
741
+ <label for="registerEmail" class="block text-gray-700 font-medium mb-2">ایمیل</label>
742
+ <input type="email" id="registerEmail" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
743
+ </div>
744
+
745
+ <div class="mb-4">
746
+ <label for="registerPhone" class="block text-gray-700 font-medium mb-2">شماره موبایل</label>
747
+ <input type="tel" id="registerPhone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
748
+ </div>
749
+
750
+ <div class="mb-4">
751
+ <label for="registerPassword" class="block text-gray-700 font-medium mb-2">رمز عبور</label>
752
+ <input type="password" id="registerPassword" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
753
+ </div>
754
+
755
+ <div class="mb-4">
756
+ <label for="registerConfirmPassword" class="block text-gray-700 font-medium mb-2">تکرار رمز عبور</label>
757
+ <input type="password" id="registerConfirmPassword" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
758
+ </div>
759
+
760
+ <div class="flex items-center mb-4">
761
+ <input type="checkbox" id="agreeTerms" class="mr-2">
762
+ <label for="agreeTerms" class="text-gray-700">با <a href="#" class="text-green-600 hover:text-green-800">قوانین و مقررات</a> موافقم</label>
763
+ </div>
764
+
765
+ <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 mb-4">
766
+ ثبت نام
767
+ </button>
768
+
769
+ <div class="text-center">
770
+ <p class="text-gray-700">قبلا ثبت نام کرده‌اید؟ <a href="#" class="text-green-600 hover:text-green-800 font-medium" onclick="showLogin()">وارد شوید</a></p>
771
+ </div>
772
+ </form>
773
+ </div>
774
+ </div>
775
+
776
+ <!-- Back to Top Button -->
777
+ <button onclick="topFunction()" id="backToTop" class="fixed bottom-8 right-8 bg-green-600 hover:bg-green-700 text-white rounded-full p-3 shadow-lg transition duration-300 hidden">
778
+ <i class="fas fa-arrow-up"></i>
779
+ </button>
780
+
781
+ <script>
782
+ // Mobile Menu Toggle
783
+ document.querySelector('button').addEventListener('click', function() {
784
+ const menu = document.getElementById('mobileMenu');
785
+ menu.classList.toggle('hidden');
786
+ });
787
+
788
+ // Shopping Cart Functions
789
+ function openCart() {
790
+ document.getElementById('cartModal').classList.remove('hidden');
791
+ }
792
+
793
+ function closeCart() {
794
+ document.getElementById('cartModal').classList.add('hidden');
795
+ }
796
+
797
+ // Login Modal Functions
798
+ function showLogin() {
799
+ document.getElementById('loginModal').classList.remove('hidden');
800
+ document.getElementById('registerModal').classList.add('hidden');
801
+ }
802
+
803
+ function closeLogin() {
804
+ document.getElementById('loginModal').classList.add('hidden');
805
+ }
806
+
807
+ // Register Modal Functions
808
+ function showRegister() {
809
+ document.getElementById('registerModal').classList.remove('hidden');
810
+ document.getElementById('loginModal').classList.add('hidden');
811
+ }
812
+
813
+ function closeRegister() {
814
+ document.getElementById('registerModal').classList.add('hidden');
815
+ }
816
+
817
+ // Back to Top Button
818
+ window.onscroll = function() {scrollFunction()};
819
+
820
+ function scrollFunction() {
821
+ if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
822
+ document.getElementById("backToTop").classList.remove("hidden");
823
+ } else {
824
+ document.getElementById("backToTop").classList.add("hidden");
825
+ }
826
+ }
827
+
828
+ function topFunction() {
829
+ document.body.scrollTop = 0;
830
+ document.documentElement.scrollTop = 0;
831
+ }
832
+
833
+ // Product Search
834
+ document.querySelector('input[type="text"]').addEventListener('keyup', function(e) {
835
+ if (e.key === 'Enter') {
836
+ alert('جستجو برای: ' + this.value);
837
+ }
838
+ });
839
+ </script>
840
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Saeidfrj33/https-enzostvs-deepsite-hf-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
841
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ شماره تلفن همراهم ۰۹۳۶۵۴۷۰۸۱۲ و شماره تلفن داخلی ۰۲۱۶۵۱۷۰۵۶۳ و آدرس تهران ملارد سرآسیاب خیابان شهید صدوقی میدان آزادگان باشه و توی خدمات و محصولاتش ترک اعتیاد و چاقی و لاغری و درمان مشکلات جنسی رو هم نام ببر و همچنین فروش انواع علفیجات و عرقیجات رو هم برام اضافه کنیک سایت فروشگاهی برای عطاری آزادگان بساز که شامل معرفی کامل محصولات عطاری و گیاهان دارویی، امکان خرید آنلاین، دسته‌بندی محصولات، جستجوی پیشرفته، نمایش رضایت مشتریان، اطلاعات تماس، درباره ما، وبلاگ برای آموزش و مقالات طب سنتی و گیاهان دارویی، و اتصال به درگاه پرداخت باشد. طراحی سایت باید ساده، کاربرپسند و با رنگ‌های طبیعی و مرتبط با گیاهان باشد. لطفاً بخش مدیریت محصولات، افزودن عکس و توضیحات هر محصول، و امکان ثبت سفارش را هم فعال کن. اسم سایت: عطاری آزادگان