Hugging Face's logo

Spaces:
sdurdiyev
/
getirtm
Running

App Files Community
sdurdiyev commited on
Commit
cb582fc
·
verified ·
1 Parent(s): 103a350

- Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +674 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Getirtm
3
- emoji: 🌖
4
- colorFrom: purple
5
- colorTo: yellow
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: getirtm
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: red
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,674 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>International shipping from the United States - SmartPost</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#2B4474',
15
+ secondary: '#E74C3C',
16
+ accent: '#3498DB',
17
+ }
18
+ }
19
+ }
20
+ }
21
+ </script>
22
+ <style>
23
+ /* Custom animations */
24
+ @keyframes fadeIn {
25
+ from { opacity: 0; transform: translateY(20px); }
26
+ to { opacity: 1; transform: translateY(0); }
27
+ }
28
+
29
+ .fade-in {
30
+ animation: fadeIn 0.8s ease-out forwards;
31
+ }
32
+
33
+ /* Smooth scrolling */
34
+ html {
35
+ scroll-behavior: smooth;
36
+ }
37
+
38
+ /* Hamburger menu lines */
39
+ .hamburger span {
40
+ display: block;
41
+ height: 3px;
42
+ width: 25px;
43
+ background: #2B4474;
44
+ margin: 5px auto;
45
+ transition: all 0.3s ease-in-out;
46
+ }
47
+
48
+ .hamburger.is-active span:nth-child(1) {
49
+ transform: translateY(8px) rotate(45deg);
50
+ }
51
+
52
+ .hamburger.is-active span:nth-child(2) {
53
+ opacity: 0;
54
+ }
55
+
56
+ .hamburger.is-active span:nth-child(3) {
57
+ transform: translateY(-8px) rotate(-45deg);
58
+ }
59
+
60
+ /* Service card hover effect */
61
+ .service-card:hover {
62
+ transform: translateY(-10px);
63
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
64
+ }
65
+ </style>
66
+ </head>
67
+ <body class="font-sans bg-gray-50">
68
+ <!-- Header with Navigation -->
69
+ <header class="sticky top-0 z-50 bg-white shadow-md">
70
+ <div class="container mx-auto px-4 py-3">
71
+ <div class="flex justify-between items-center">
72
+ <!-- Logo -->
73
+ <a href="#" class="flex items-center space-x-2">
74
+ <div class="w-40 md:w-48">
75
+ <svg viewBox="0 0 180 50" fill="#2B4474">
76
+ <text x="0" y="35" font-family="Arial" font-weight="bold" font-size="36">SmartPost</text>
77
+ </svg>
78
+ </div>
79
+ </a>
80
+
81
+ <!-- Desktop Navigation -->
82
+ <nav class="hidden md:flex items-center space-x-1 lg:space-x-4">
83
+ <a href="#about" class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition">About Us</a>
84
+ <a href="#news" class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition">News</a>
85
+
86
+ <div class="relative group">
87
+ <button class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition flex items-center">
88
+ Services <i class="fas fa-chevron-down ml-1 text-xs"></i>
89
+ </button>
90
+ <div class="hidden group-hover:block absolute left-0 mt-0 w-56 bg-white shadow-lg rounded-md z-10">
91
+ <a href="#parcel-delivery" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Parcel Delivery</a>
92
+ <a href="#large-cargo" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Large-Size Cargo</a>
93
+ <a href="#consolidation" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Consolidation of Goods</a>
94
+ <a href="#mail-delivery" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Mail Correspondence Delivery</a>
95
+ <a href="#commercial" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Commercial Cargo</a>
96
+ <a href="#shopping" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">US Shopping</a>
97
+ </div>
98
+ </div>
99
+
100
+ <div class="relative group">
101
+ <button class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition flex items-center">
102
+ Delivery Terms <i class="fas fa-chevron-down ml-1 text-xs"></i>
103
+ </button>
104
+ <div class="hidden group-hover:block absolute left-0 mt-0 w-48 bg-white shadow-lg rounded-md z-10">
105
+ <a href="#uzbekistan" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Uzbekistan</a>
106
+ <a href="#kyrgyzstan" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Kyrgyzstan</a>
107
+ </div>
108
+ </div>
109
+
110
+ <a href="#contact" class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition">Contact</a>
111
+
112
+ <div class="relative group ml-2">
113
+ <button class="px-3 py-2 font-medium text-gray-700 hover:text-primary transition flex items-center">
114
+ EN <i class="fas fa-chevron-down ml-1 text-xs"></i>
115
+ </button>
116
+ <div class="hidden group-hover:block absolute right-0 mt-0 w-16 bg-white shadow-lg rounded-md z-10">
117
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">RU</a>
118
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">EN</a>
119
+ </div>
120
+ </div>
121
+
122
+ <a href="tel:7183323332" class="ml-4 px-4 py-2 bg-primary text-white rounded-md hover:bg-primary-dark transition flex items-center">
123
+ <i class="fas fa-phone-alt mr-2"></i> (718) 332-3332
124
+ </a>
125
+ </nav>
126
+
127
+ <!-- Social Icons -->
128
+ <div class="hidden md:flex items-center space-x-4 ml-4">
129
+ <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="text-gray-600 hover:text-accent">
130
+ <i class="fab fa-facebook-f"></i>
131
+ </a>
132
+ <a href="https://instagram.com/smartpost.us" class="text-gray-600 hover:text-accent">
133
+ <i class="fab fa-instagram"></i>
134
+ </a>
135
+ <a href="http://t.me/smartpost_us" class="text-gray-600 hover:text-accent">
136
+ <i class="fab fa-telegram"></i>
137
+ </a>
138
+ </div>
139
+
140
+ <!-- Mobile menu button -->
141
+ <button id="mobile-menu-button" class="md:hidden hamburger">
142
+ <span></span>
143
+ <span></span>
144
+ <span></span>
145
+ </button>
146
+ </div>
147
+
148
+ <!-- Mobile Navigation -->
149
+ <div id="mobile-menu" class="hidden md:hidden fixed inset-0 bg-white z-40 mt-16 p-4 h-full w-full overflow-y-auto">
150
+ <div class="flex flex-col space-y-4">
151
+ <a href="#about" class="px-3 py-2 font-medium text-gray-700 border-b border-gray-100">About Us</a>
152
+ <a href="#news" class="px-3 py-2 font-medium text-gray-700 border-b border-gray-100">News</a>
153
+
154
+ <div class="relative">
155
+ <button id="services-toggle" class="w-full flex justify-between items-center px-3 py-2 font-medium text-gray-700 border-b border-gray-100">
156
+ <span>Services</span>
157
+ <i class="fas fa-chevron-down transition-transform"></i>
158
+ </button>
159
+ <div id="services-menu" class="hidden pl-4 my-2">
160
+ <a href="#parcel-delivery" class="block px-3 py-2 text-gray-600">Parcel Delivery</a>
161
+ <a href="#large-cargo" class="block px-3 py-2 text-gray-600">Large-Size Cargo</a>
162
+ <a href="#consolidation" class="block px-3 py-2 text-gray-600">Consolidation of Goods</a>
163
+ <a href="#mail-delivery" class="block px-3 py-2 text-gray-600">Mail Correspondence Delivery</a>
164
+ <a href="#commercial" class="block px-3 py-2 text-gray-600">Commercial Cargo</a>
165
+ <a href="#shopping" class="block px-3 py-2 text-gray-600">US Shopping</a>
166
+ </div>
167
+ </div>
168
+
169
+ <div class="relative">
170
+ <button id="delivery-toggle" class="w-full flex justify-between items-center px-3 py-2 font-medium text-gray-700 border-b border-gray-100">
171
+ <span>Delivery Terms</span>
172
+ <i class="fas fa-chevron-down transition-transform"></i>
173
+ </button>
174
+ <div id="delivery-menu" class="hidden pl-4 my-2">
175
+ <a href="#uzbekistan" class="block px-3 py-2 text-gray-600">Uzbekistan</a>
176
+ <a href="#kyrgyzstan" class="block px-3 py-2 text-gray-600">Kyrgyzstan</a>
177
+ </div>
178
+ </div>
179
+
180
+ <a href="#contact" class="px-3 py-2 font-medium text-gray-700 border-b border-gray-100">Contact</a>
181
+
182
+ <div class="relative">
183
+ <button id="lang-toggle" class="w-full flex justify-between items-center px-3 py-2 font-medium text-gray-700 border-b border-gray-100">
184
+ <span>Language (EN)</span>
185
+ <i class="fas fa-chevron-down transition-transform"></i>
186
+ </button>
187
+ <div id="lang-menu" class="hidden pl-4 my-2">
188
+ <a href="#" class="block px-3 py-2 text-gray-600">RU</a>
189
+ <a href="#" class="block px-3 py-2 text-gray-600">EN</a>
190
+ </div>
191
+ </div>
192
+
193
+ <a href="tel:7183323332" class="mt-4 px-4 py-2 bg-primary text-white rounded-md hover:bg-primary-dark transition text-center">
194
+ <i class="fas fa-phone-alt mr-2"></i> (718) 332-3332
195
+ </a>
196
+
197
+ <div class="flex justify-center space-x-6 mt-4">
198
+ <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="text-gray-600 hover:text-accent text-xl">
199
+ <i class="fab fa-facebook-f"></i>
200
+ </a>
201
+ <a href="https://instagram.com/smartpost.us" class="text-gray-600 hover:text-accent text-xl">
202
+ <i class="fab fa-instagram"></i>
203
+ </a>
204
+ <a href="http://t.me/smartpost_us" class="text-gray-600 hover:text-accent text-xl">
205
+ <i class="fab fa-telegram"></i>
206
+ </a>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </header>
212
+
213
+ <!-- Hero Section -->
214
+ <section class="relative bg-gradient-to-r from-primary to-accent text-white py-20 md:py-32">
215
+ <div class="container mx-auto px-4">
216
+ <div class="max-w-3xl mx-auto text-center fade-in">
217
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">International shipping from the United States</h1>
218
+ <p class="text-xl md:text-2xl mb-8">Fast, reliable and affordable shipping services to Uzbekistan, Kyrgyzstan, Kazakhstan and Tajikistan</p>
219
+ <div class="space-x-4">
220
+ <a href="#services" class="bg-white text-primary px-8 py-3 rounded-lg font-bold hover:bg-opacity-90 transition inline-block">Our Services</a>
221
+ <a href="#contact" class="border-2 border-white px-8 py-3 rounded-lg font-bold hover:bg-white hover:text-primary transition inline-block">Contact Us</a>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ </section>
226
+
227
+ <!-- News Section -->
228
+ <section id="news" class="py-16 bg-gray-50">
229
+ <div class="container mx-auto px-4">
230
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Latest News</h2>
231
+
232
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
233
+ <!-- News Item 1 -->
234
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in">
235
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
236
+ <i class="fas fa-map-marker-alt text-5xl text-accent"></i>
237
+ </div>
238
+ <div class="p-6">
239
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Receiving Parcels Philadelphia</h3>
240
+ <p class="text-gray-600 mb-4">Philadelphia office address: 842 Red Line, Unit 9, Philadelphia, PA, 19115. You can also contact our representative by phone: (215) 869-5454.</p>
241
+ <a href="#" class="text-accent font-semibold hover:underline flex items-center">
242
+ Read more <i class="fas fa-chevron-right ml-2 text-sm"></i>
243
+ </a>
244
+ </div>
245
+ </div>
246
+
247
+ <!-- News Item 2 -->
248
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in" style="animation-delay: 0.2s">
249
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
250
+ <i class="fas fa-truck text-5xl text-accent"></i>
251
+ </div>
252
+ <div class="p-6">
253
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Receiving Parcels Chicago</h3>
254
+ <p class="text-gray-600 mb-4">The SmartPost Chicago team is pleased to offer its service to all residents of the state of Illinois to use our service for the delivery of parcels.</p>
255
+ <a href="#" class="text-accent font-semibold hover:underline flex items-center">
256
+ Read more <i class="fas fa-chevron-right ml-2 text-sm"></i>
257
+ </a>
258
+ </div>
259
+ </div>
260
+
261
+ <!-- News Item 3 -->
262
+ <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in" style="animation-delay: 0.4s">
263
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
264
+ <i class="fas fa-city text-5xl text-accent"></i>
265
+ </div>
266
+ <div class="p-6">
267
+ <h3 class="text-xl font-bold mb-2 text-gray-800">Receiving Parcels New-York</h3>
268
+ <p class="text-gray-600 mb-4">SmartPost will deliver your parcels to Uzbekistan, Kyrgyzstan, Kazakhstan and Tajikistan quickly and efficiently. Our company's head office located in Brooklyn.</p>
269
+ <a href="#" class="text-accent font-semibold hover:underline flex items-center">
270
+ Read more <i class="fas fa-chevron-right ml-2 text-sm"></i>
271
+ </a>
272
+ </div>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </section>
277
+
278
+ <!-- Features Section -->
279
+ <section class="py-16 bg-white">
280
+ <div class="container mx-auto px-4">
281
+ <div class="max-w-4xl mx-auto text-center mb-16">
282
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">Why Choose SmartPost</h2>
283
+ <p class="text-gray-600 text-lg">We provide the most reliable and efficient shipping solutions from the US to Central Asia</p>
284
+ </div>
285
+
286
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
287
+ <!-- Feature 1 -->
288
+ <div class="text-center px-6 fade-in">
289
+ <div class="bg-primary bg-opacity-10 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6">
290
+ <i class="fas fa-clock text-3xl text-primary"></i>
291
+ </div>
292
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Minimal Delivery Times</h3>
293
+ <p class="text-gray-600">SmartPost is a new generation logistics service that allows you to deliver your cargo as quickly as possible to any destination. Our professionals work 24/7.</p>
294
+ </div>
295
+
296
+ <!-- Feature 2 -->
297
+ <div class="text-center px-6 fade-in" style="animation-delay: 0.2s">
298
+ <div class="bg-primary bg-opacity-10 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6">
299
+ <i class="fas fa-dollar-sign text-3xl text-primary"></i>
300
+ </div>
301
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Affordable Rates</h3>
302
+ <p class="text-gray-600">Our modern approach to delivery and partner network help us provide the best price-quality ratio for our clients. Our prices are 10% lower on average.</p>
303
+ </div>
304
+
305
+ <!-- Feature 3 -->
306
+ <div class="text-center px-6 fade-in" style="animation-delay: 0.4s">
307
+ <div class="bg-primary bg-opacity-10 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6">
308
+ <i class="fas fa-map-marked-alt text-3xl text-primary"></i>
309
+ </div>
310
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Cargo Tracking 24/7</h3>
311
+ <p class="text-gray-600">You can check the status of your cargo anywhere and anytime by simply going to the cargo tracking page. Real-time updates give you peace of mind.</p>
312
+ </div>
313
+ </div>
314
+ </div>
315
+ </section>
316
+
317
+ <!-- Services Section -->
318
+ <section id="services" class="py-16 bg-gray-50">
319
+ <div class="container mx-auto px-4">
320
+ <div class="max-w-4xl mx-auto text-center mb-16">
321
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">Our Services</h2>
322
+ <p class="text-gray-600 text-lg">Comprehensive shipping solutions tailored to your needs</p>
323
+ </div>
324
+
325
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
326
+ <!-- Service 1 -->
327
+ <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300">
328
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
329
+ <i class="fas fa-box-open text-6xl text-primary opacity-30"></i>
330
+ </div>
331
+ <div class="p-6">
332
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Parcel Delivery</h3>
333
+ <p class="text-gray-600 mb-4">SmartPost.us will help you deliver parcels from the United States of America to any region of Uzbekistan and Kyrgyzstan at a single price.</p>
334
+ <div class="text-accent font-semibold flex items-center">
335
+ More details <i class="fas fa-chevron-right ml-2 text-sm"></i>
336
+ </div>
337
+ </div>
338
+ </a>
339
+
340
+ <!-- Service 2 -->
341
+ <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.1s">
342
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
343
+ <i class="fas fa-truck-loading text-6xl text-primary opacity-30"></i>
344
+ </div>
345
+ <div class="p-6">
346
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Large Sized Cargo</h3>
347
+ <p class="text-gray-600 mb-4">SmartPost.us delivers bulk and oversized goods (TVs, musical instruments, auto parts, etc.) with special volumetric weight calculations.</p>
348
+ <div class="text-accent font-semibold flex items-center">
349
+ More details <i class="fas fa-chevron-right ml-2 text-sm"></i>
350
+ </div>
351
+ </div>
352
+ </a>
353
+
354
+ <!-- Service 3 -->
355
+ <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.2s">
356
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
357
+ <i class="fas fa-boxes text-6xl text-primary opacity-30"></i>
358
+ </div>
359
+ <div class="p-6">
360
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Consolidation of Goods</h3>
361
+ <p class="text-gray-600 mb-4">Combine goods from several manufacturers in our US warehouse, then send them in a single batch to significantly save on international delivery.</p>
362
+ <div class="text-accent font-semibold flex items-center">
363
+ More details <i class="fas fa-chevron-right ml-2 text-sm"></i>
364
+ </div>
365
+ </div>
366
+ </a>
367
+
368
+ <!-- Service 4 -->
369
+ <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.3s">
370
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
371
+ <i class="fas fa-envelope-open-text text-6xl text-primary opacity-30"></i>
372
+ </div>
373
+ <div class="p-6">
374
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Mail Correspondence Delivery</h3>
375
+ <p class="text-gray-600 mb-4">Our mail delivery service allows you to send personal or business mail correspondence with a guarantee of confidentiality and security.</p>
376
+ <div class="text-accent font-semibold flex items-center">
377
+ More details <i class="fas fa-chevron-right ml-2 text-sm"></i>
378
+ </div>
379
+ </div>
380
+ </a>
381
+
382
+ <!-- Service 5 -->
383
+ <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.4s">
384
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
385
+ <i class="fas fa-shipping-fast text-6xl text-primary opacity-30"></i>
386
+ </div>
387
+ <div class="p-6">
388
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Commercial Cargo</h3>
389
+ <p class="text-gray-600 mb-4">Our experts provide services for the organization of international transport with the necessary registrations and stamps from official customs representatives.</p>
390
+ <div class="text-accent font-semibold flex items-center">
391
+ More details <i class="fas fa-chevron-right ml-2 text-sm"></i>
392
+ </div>
393
+ </div>
394
+ </a>
395
+
396
+ <!-- Service 6 -->
397
+ <a href="#" class="service-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg transition fade-in transform hover:-translate-y-2 duration-300" style="animation-delay: 0.5s">
398
+ <div class="h-48 bg-gray-200 flex items-center justify-center">
399
+ <i class="fas fa-shopping-bag text-6xl text-primary opacity-30"></i>
400
+ </div>
401
+ <div class="p-6">
402
+ <h3 class="text-xl font-bold mb-3 text-gray-800">US Shopping Assistance</h3>
403
+ <p class="text-gray-600 mb-4">Many American stores don't deliver to CIS countries. We'll bring your US orders to your city through convenient pick-up points.</p>
404
+ <div class="text-accent font-semibold flex items-center">
405
+ More details <i class="fas fa-chevron-right ml-2 text-sm"></i>
406
+ </div>
407
+ </div>
408
+ </a>
409
+ </div>
410
+ </div>
411
+ </section>
412
+
413
+ <!-- CTA Section -->
414
+ <section class="py-16 bg-primary text-white">
415
+ <div class="container mx-auto px-4">
416
+ <div class="max-w-4xl mx-auto text-center">
417
+ <h2 class="text-3xl font-bold mb-6">Ready to Ship Your Items?</h2>
418
+ <p class="text-xl mb-8 opacity-90">Get a free quote today and experience fast, reliable shipping to Central Asia</p>
419
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
420
+ <a href="tel:7183323332" class="bg-white text-primary px-8 py-3 rounded-lg font-bold hover:bg-opacity-90 transition inline-block">
421
+ <i class="fas fa-phone-alt mr-2"></i> Call Now
422
+ </a>
423
+ <a href="#contact" class="bg-transparent border-2 border-white px-8 py-3 rounded-lg font-bold hover:bg-white hover:text-primary transition inline-block">
424
+ Contact Form
425
+ </a>
426
+ </div>
427
+ </div>
428
+ </div>
429
+ </section>
430
+
431
+ <!-- Contact Section -->
432
+ <section id="contact" class="py-16 bg-white">
433
+ <div class="container mx-auto px-4">
434
+ <div class="max-w-4xl mx-auto text-center mb-16">
435
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">Contact Us</h2>
436
+ <p class="text-gray-600">Have questions or need assistance? Reach out to our team today.</p>
437
+ </div>
438
+
439
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
440
+ <!-- Contact Form -->
441
+ <div class="bg-white rounded-xl shadow-md p-8 fade-in">
442
+ <h3 class="text-xl font-bold mb-6 text-gray-800">Send Us a Message</h3>
443
+ <form class="space-y-4">
444
+ <div>
445
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Your Name</label>
446
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition">
447
+ </div>
448
+ <div>
449
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
450
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition">
451
+ </div>
452
+ <div>
453
+ <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Phone Number</label>
454
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition">
455
+ </div>
456
+ <div>
457
+ <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Your Message</label>
458
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-accent focus:border-accent outline-none transition"></textarea>
459
+ </div>
460
+ <button type="submit" class="w-full bg-primary text-white py-3 px-6 rounded-lg font-bold hover:bg-primary-dark transition">
461
+ Send Message
462
+ </button>
463
+ </form>
464
+ </div>
465
+
466
+ <!-- Contact Info -->
467
+ <div class="bg-white rounded-xl shadow-md p-8 fade-in" style="animation-delay: 0.2s">
468
+ <h3 class="text-xl font-bold mb-6 text-gray-800">Contact Information</h3>
469
+
470
+ <div class="space-y-6">
471
+ <div class="flex items-start">
472
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
473
+ <i class="fas fa-map-marker-alt text-primary"></i>
474
+ </div>
475
+ <div>
476
+ <h4 class="font-semibold text-gray-800">Office Address</h4>
477
+ <p class="text-gray-600">2688 Coney Island Ave Brooklyn, NY, 11235</p>
478
+ </div>
479
+ </div>
480
+
481
+ <div class="flex items-start">
482
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
483
+ <i class="fas fa-envelope text-primary"></i>
484
+ </div>
485
+ <div>
486
+ <h4 class="font-semibold text-gray-800">Email</h4>
487
+ <p class="text-gray-600">smartpostus@gmail.com</p>
488
+ </div>
489
+ </div>
490
+
491
+ <div class="flex items-start">
492
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
493
+ <i class="fas fa-phone-alt text-primary"></i>
494
+ </div>
495
+ <div>
496
+ <h4 class="font-semibold text-gray-800">Phone</h4>
497
+ <p class="text-gray-600">(718) 332-3332</p>
498
+ </div>
499
+ </div>
500
+
501
+ <div class="flex items-start">
502
+ <div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4">
503
+ <i class="fas fa-clock text-primary"></i>
504
+ </div>
505
+ <div>
506
+ <h4 class="font-semibold text-gray-800">Working Hours</h4>
507
+ <p class="text-gray-600">Monday - Sunday: 9 AM - 8 PM</p>
508
+ </div>
509
+ </div>
510
+
511
+ <div class="pt-4">
512
+ <h4 class="font-semibold text-gray-800 mb-4">Follow Us</h4>
513
+ <div class="flex space-x-4">
514
+ <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="bg-gray-100 p-3 rounded-full text-gray-700 hover:bg-primary hover:text-white transition">
515
+ <i class="fab fa-facebook-f"></i>
516
+ </a>
517
+ <a href="https://instagram.com/smartpost.us" class="bg-gray-100 p-3 rounded-full text-gray-700 hover:bg-primary hover:text-white transition">
518
+ <i class="fab fa-instagram"></i>
519
+ </a>
520
+ <a href="http://t.me/smartpost_us" class="bg-gray-100 p-3 rounded-full text-gray-700 hover:bg-primary hover:text-white transition">
521
+ <i class="fab fa-telegram"></i>
522
+ </a>
523
+ </div>
524
+ </div>
525
+ </div>
526
+ </div>
527
+ </div>
528
+ </div>
529
+ </section>
530
+
531
+ <!-- Map Section -->
532
+ <div class="h-96 w-full bg-gray-200">
533
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.3325485046456!2d-73.95818798459726!3d40.64104577934033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25bbc5e3e8b1f%3A0x62a5e5a5e9c2f3e9!2s2688%20Coney%20Island%20Ave%2C%20Brooklyn%2C%20NY%2011235%2C%20USA!5e0!3m2!1sen!2s!4v1626265431012!5m2!1sen!2s" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
534
+ </div>
535
+
536
+ <!-- Footer -->
537
+ <footer class="bg-gray-900 text-white py-12">
538
+ <div class="container mx-auto px-4">
539
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
540
+ <!-- Footer Logo -->
541
+ <div class="mb-8 md:mb-0">
542
+ <a href="#" class="inline-block mb-4">
543
+ <svg viewBox="0 0 180 50" fill="#ffffff" class="h-10">
544
+ <text x="0" y="35" font-family="Arial" font-weight="bold" font-size="36">SmartPost</text>
545
+ </svg>
546
+ </a>
547
+ <p class="text-gray-400 text-sm">Fast, reliable international shipping from the US to Central Asia.</p>
548
+ </div>
549
+
550
+ <!-- Quick Links -->
551
+ <div>
552
+ <h3 class="font-bold text-lg mb-4">Menu</h3>
553
+ <ul class="space-y-2">
554
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li>
555
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li>
556
+ </ul>
557
+ </div>
558
+
559
+ <!-- Services -->
560
+ <div>
561
+ <h3 class="font-bold text-lg mb-4">Services</h3>
562
+ <ul class="space-y-2">
563
+ <li><a href="#parcel-delivery" class="text-gray-400 hover:text-white transition">Parcel Delivery</a></li>
564
+ <li><a href="#large-cargo" class="text-gray-400 hover:text-white transition">Large-Size Cargo</a></li>
565
+ <li><a href="#consolidation" class="text-gray-400 hover:text-white transition">Consolidation of Goods</a></li>
566
+ <li><a href="#mail-delivery" class="text-gray-400 hover:text-white transition">Mail Correspondence</a></li>
567
+ <li><a href="#commercial" class="text-gray-400 hover:text-white transition">Commercial Cargo</a></li>
568
+ <li><a href="#shopping" class="text-gray-400 hover:text-white transition">US Shopping</a></li>
569
+ </ul>
570
+ </div>
571
+
572
+ <!-- Contact -->
573
+ <div>
574
+ <h3 class="font-bold text-lg mb-4">Contacts</h3>
575
+ <address class="not-italic">
576
+ <p class="text-gray-400 mb-2">2688 Coney Island Ave</p>
577
+ <p class="text-gray-400 mb-2">Brooklyn, NY, 11235</p>
578
+ <p class="text-gray-400 mb-2">smartpostus@gmail.com</p>
579
+ <p class="text-gray-400">(718) 332-3332</p>
580
+ </address>
581
+
582
+ <div class="flex space-x-4 mt-4">
583
+ <a href="https://www.facebook.com/SmartPostus-104157981806656/" class="text-gray-400 hover:text-white transition text-lg">
584
+ <i class="fab fa-facebook-f"></i>
585
+ </a>
586
+ <a href="https://instagram.com/smartpost.us" class="text-gray-400 hover:text-white transition text-lg">
587
+ <i class="fab fa-instagram"></i>
588
+ </a>
589
+ <a href="http://t.me/smartpost_us" class="text-gray-400 hover:text-white transition text-lg">
590
+ <i class="fab fa-telegram"></i>
591
+ </a>
592
+ </div>
593
+ </div>
594
+ </div>
595
+
596
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
597
+ <p class="text-gray-400 text-sm mb-4 md:mb-0">&copy; 2023 SmartPost. All rights reserved.</p>
598
+ <p class="text-gray-400 text-sm">
599
+ <a href="https://tarasovs.me/" class="hover:text-white transition">Website development - Tarasovs Studio</a>
600
+ </p>
601
+ </div>
602
+ </div>
603
+ </footer>
604
+
605
+ <script>
606
+ // Mobile Menu Toggle
607
+ const mobileMenuButton = document.getElementById('mobile-menu-button');
608
+ const mobileMenu = document.getElementById('mobile-menu');
609
+
610
+ mobileMenuButton.addEventListener('click', function() {
611
+ this.classList.toggle('is-active');
612
+ mobileMenu.classList.toggle('hidden');
613
+ });
614
+
615
+ // Mobile Dropdown Toggles
616
+ document.getElementById('services-toggle').addEventListener('click', function() {
617
+ document.getElementById('services-menu').classList.toggle('hidden');
618
+ this.querySelector('i').classList.toggle('fa-chevron-up');
619
+ });
620
+
621
+ document.getElementById('delivery-toggle').addEventListener('click', function() {
622
+ document.getElementById('delivery-menu').classList.toggle('hidden');
623
+ this.querySelector('i').classList.toggle('fa-chevron-up');
624
+ });
625
+
626
+ document.getElementById('lang-toggle').addEventListener('click', function() {
627
+ document.getElementById('lang-menu').classList.toggle('hidden');
628
+ this.querySelector('i').classList.toggle('fa-chevron-up');
629
+ });
630
+
631
+ // Scroll animations
632
+ const observerOptions = {
633
+ threshold: 0.1
634
+ };
635
+
636
+ const observer = new IntersectionObserver((entries) => {
637
+ entries.forEach(entry => {
638
+ if (entry.isIntersecting) {
639
+ entry.target.classList.add('fade-in');
640
+ observer.unobserve(entry.target);
641
+ }
642
+ });
643
+ }, observerOptions);
644
+
645
+ document.querySelectorAll('.fade-in').forEach(element => {
646
+ observer.observe(element);
647
+ });
648
+
649
+ // Smooth scroll for anchor links
650
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
651
+ anchor.addEventListener('click', function(e) {
652
+ e.preventDefault();
653
+
654
+ // Close mobile menu if open
655
+ if (!mobileMenu.classList.contains('hidden')) {
656
+ mobileMenuButton.classList.remove('is-active');
657
+ mobileMenu.classList.add('hidden');
658
+ }
659
+
660
+ const targetId = this.getAttribute('href');
661
+ if (targetId === '#') return;
662
+
663
+ const targetElement = document.querySelector(targetId);
664
+ if (targetElement) {
665
+ window.scrollTo({
666
+ top: targetElement.offsetTop - 100,
667
+ behavior: 'smooth'
668
+ });
669
+ }
670
+ });
671
+ });
672
+ </script>
673
+ <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=sdurdiyev/getirtm" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
674
+ </html>
prompts.txt ADDED
File without changes