Hugging Face's logo

Spaces:
sdurdiyev
/
syyahatcargo
Running

App Files Community
sdurdiyev commited on
Commit
d31b0bd
·
verified ·
1 Parent(s): f30780b

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +543 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Syyahatcargo
3
- emoji: 🚀
4
- colorFrom: gray
5
- colorTo: blue
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: syyahatcargo
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
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,543 @@
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>Syyahat Cargo - USA to Turkmenistan Shipping</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
+ .language-selector:hover .dropdown-content {
11
+ display: block;
12
+ }
13
+ .dropdown-content {
14
+ display: none;
15
+ position: absolute;
16
+ right: 0;
17
+ min-width: 160px;
18
+ }
19
+ .hero-bg {
20
+ background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1509803874385-db7c23652552?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
21
+ background-size: cover;
22
+ background-position: center;
23
+ }
24
+ .tracking-input:focus + .tracking-btn {
25
+ border-color: #3b82f6;
26
+ }
27
+ .tab-content {
28
+ display: none;
29
+ }
30
+ .tab-content.active {
31
+ display: block;
32
+ }
33
+ .language-tab {
34
+ display: none;
35
+ }
36
+ .language-tab.active {
37
+ display: block;
38
+ }
39
+ </style>
40
+ </head>
41
+ <body class="font-sans bg-gray-50">
42
+ <!-- Top Bar -->
43
+ <div class="bg-blue-900 text-white py-2 px-4 flex justify-between items-center text-sm">
44
+ <div class="flex space-x-4">
45
+ <a href="#" class="hover:text-blue-200"><i class="fas fa-phone-alt mr-1"></i> +993 12 345678</a>
46
+ <a href="#" class="hover:text-blue-200"><i class="fas fa-envelope mr-1"></i> info@syyahatcargo.com</a>
47
+ </div>
48
+ <div class="flex items-center space-x-4">
49
+ <div class="language-selector relative">
50
+ <button class="flex items-center hover:text-blue-200">
51
+ <i class="fas fa-globe mr-1"></i>
52
+ <span id="current-language">English</span>
53
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
54
+ </button>
55
+ <div class="dropdown-content bg-white text-gray-800 rounded shadow-lg mt-2 z-10">
56
+ <a href="#" class="block px-4 py-2 hover:bg-blue-100" onclick="changeLanguage('en')">English</a>
57
+ <a href="#" class="block px-4 py-2 hover:bg-blue-100" onclick="changeLanguage('tk')">Türkmençe</a>
58
+ </div>
59
+ </div>
60
+ <a href="#" class="hover:text-blue-200"><i class="fas fa-user mr-1"></i> <span class="login-text">Login</span></a>
61
+ </div>
62
+ </div>
63
+
64
+ <!-- Navigation -->
65
+ <nav class="bg-white shadow-md">
66
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
67
+ <div class="flex items-center">
68
+ <img src="https://via.placeholder.com/50x50" alt="Syyahat Cargo Logo" class="h-10 mr-3">
69
+ <span class="text-xl font-bold text-blue-900 company-name">Syyahat Cargo</span>
70
+ </div>
71
+ <div class="hidden md:flex space-x-6">
72
+ <a href="#" class="text-blue-900 hover:text-blue-700 font-medium nav-link home active" data-tab="home">Home</a>
73
+ <a href="#" class="text-gray-600 hover:text-blue-700 font-medium nav-link services" data-tab="services">Services</a>
74
+ <a href="#" class="text-gray-600 hover:text-blue-700 font-medium nav-link about" data-tab="about">About Us</a>
75
+ <a href="#" class="text-gray-600 hover:text-blue-700 font-medium nav-link contact" data-tab="contact">Contact</a>
76
+ </div>
77
+ <button class="md:hidden text-blue-900">
78
+ <i class="fas fa-bars text-2xl"></i>
79
+ </button>
80
+ </div>
81
+ </nav>
82
+
83
+ <!-- Hero Section -->
84
+ <div class="hero-bg text-white py-20 px-4">
85
+ <div class="container mx-auto text-center">
86
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 hero-title">Reliable Ocean Freight from USA to Turkmenistan</h1>
87
+ <p class="text-xl mb-8 max-w-2xl mx-auto hero-subtitle">Professional cargo shipping services to Mary, Turkmenistan with pickup or delivery options</p>
88
+
89
+ <!-- Tabs -->
90
+ <div class="flex justify-center mb-8">
91
+ <button class="bg-blue-700 text-white px-6 py-2 rounded-l-lg tab-btn active" data-tab="quote">Get Quote</button>
92
+ <button class="bg-blue-600 text-white px-6 py-2 tab-btn" data-tab="track">Track Shipment</button>
93
+ <button class="bg-blue-600 text-white px-6 py-2 rounded-r-lg tab-btn" data-tab="login">Login</button>
94
+ </div>
95
+
96
+ <!-- Quote Tab Content -->
97
+ <div id="quote" class="tab-content active max-w-2xl mx-auto bg-white bg-opacity-90 rounded-lg p-6">
98
+ <h3 class="text-2xl font-bold text-blue-900 mb-4 quote-title">Request a Free Quote</h3>
99
+ <form class="grid grid-cols-1 md:grid-cols-2 gap-4">
100
+ <div>
101
+ <label class="block text-gray-700 text-left mb-1 quote-origin">Origin (USA)</label>
102
+ <select class="w-full px-4 py-2 rounded border border-gray-300">
103
+ <option>New York</option>
104
+ <option>Los Angeles</option>
105
+ <option>Chicago</option>
106
+ <option>Houston</option>
107
+ <option>Miami</option>
108
+ </select>
109
+ </div>
110
+ <div>
111
+ <label class="block text-gray-700 text-left mb-1 quote-destination">Destination (Turkmenistan)</label>
112
+ <select class="w-full px-4 py-2 rounded border border-gray-300">
113
+ <option>Mary (Pickup)</option>
114
+ <option>Mary (Delivery)</option>
115
+ </select>
116
+ </div>
117
+ <div>
118
+ <label class="block text-gray-700 text-left mb-1 quote-weight">Weight (kg)</label>
119
+ <input type="number" class="w-full px-4 py-2 rounded border border-gray-300" placeholder="e.g. 100">
120
+ </div>
121
+ <div>
122
+ <label class="block text-gray-700 text-left mb-1 quote-dimensions">Dimensions (cm)</label>
123
+ <div class="flex space-x-2">
124
+ <input type="number" class="w-1/3 px-4 py-2 rounded border border-gray-300" placeholder="L">
125
+ <input type="number" class="w-1/3 px-4 py-2 rounded border border-gray-300" placeholder="W">
126
+ <input type="number" class="w-1/3 px-4 py-2 rounded border border-gray-300" placeholder="H">
127
+ </div>
128
+ </div>
129
+ <div class="md:col-span-2">
130
+ <label class="block text-gray-700 text-left mb-1 quote-description">Cargo Description</label>
131
+ <textarea class="w-full px-4 py-2 rounded border border-gray-300" rows="2"></textarea>
132
+ </div>
133
+ <div class="md:col-span-2">
134
+ <button type="submit" class="bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded-lg w-full md:w-auto quote-button">Get Quote Now</button>
135
+ </div>
136
+ </form>
137
+ </div>
138
+
139
+ <!-- Track Tab Content -->
140
+ <div id="track" class="tab-content max-w-2xl mx-auto bg-white bg-opacity-90 rounded-lg p-6">
141
+ <h3 class="text-2xl font-bold text-blue-900 mb-4 track-title">Track Your Shipment</h3>
142
+ <div class="flex">
143
+ <input type="text" class="flex-grow px-4 py-3 rounded-l-lg border border-gray-300 tracking-input" placeholder="Enter tracking number">
144
+ <button class="bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded-r-lg tracking-btn">
145
+ <i class="fas fa-search"></i> <span class="track-button">Track</span>
146
+ </button>
147
+ </div>
148
+ <p class="text-gray-600 mt-2 text-sm track-info">Enter your 12-digit tracking number to check your shipment status</p>
149
+ </div>
150
+
151
+ <!-- Login Tab Content -->
152
+ <div id="login" class="tab-content max-w-md mx-auto bg-white bg-opacity-90 rounded-lg p-6">
153
+ <h3 class="text-2xl font-bold text-blue-900 mb-4 login-title">Customer Login</h3>
154
+ <form>
155
+ <div class="mb-4">
156
+ <label class="block text-gray-700 text-left mb-1 login-email">Email</label>
157
+ <input type="email" class="w-full px-4 py-2 rounded border border-gray-300">
158
+ </div>
159
+ <div class="mb-6">
160
+ <label class="block text-gray-700 text-left mb-1 login-password">Password</label>
161
+ <input type="password" class="w-full px-4 py-2 rounded border border-gray-300">
162
+ </div>
163
+ <button type="submit" class="bg-blue-700 hover:bg-blue-800 text-white px-6 py-3 rounded-lg w-full login-button">Login</button>
164
+ </form>
165
+ <p class="text-gray-600 mt-4 text-sm login-register">Don't have an account? <a href="#" class="text-blue-700 hover:underline register-link">Register here</a></p>
166
+ </div>
167
+ </div>
168
+ </div>
169
+
170
+ <!-- Features Section -->
171
+ <div class="py-16 bg-white">
172
+ <div class="container mx-auto px-4">
173
+ <h2 class="text-3xl font-bold text-center text-blue-900 mb-12 features-title">Why Choose Syyahat Cargo?</h2>
174
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
175
+ <div class="text-center p-6 rounded-lg hover:shadow-lg transition-shadow">
176
+ <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
177
+ <i class="fas fa-ship text-blue-700 text-2xl"></i>
178
+ </div>
179
+ <h3 class="text-xl font-semibold mb-2 feature1-title">Ocean Freight Expertise</h3>
180
+ <p class="text-gray-600 feature1-text">Specialized in ocean freight shipments from USA to Turkmenistan with reliable schedules and competitive rates.</p>
181
+ </div>
182
+ <div class="text-center p-6 rounded-lg hover:shadow-lg transition-shadow">
183
+ <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
184
+ <i class="fas fa-map-marker-alt text-blue-700 text-2xl"></i>
185
+ </div>
186
+ <h3 class="text-xl font-semibold mb-2 feature2-title">Mary Branch</h3>
187
+ <p class="text-gray-600 feature2-text">Convenient pickup location in Mary, Turkmenistan or we can arrange delivery to your specified address.</p>
188
+ </div>
189
+ <div class="text-center p-6 rounded-lg hover:shadow-lg transition-shadow">
190
+ <div class="bg-blue-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
191
+ <i class="fas fa-shield-alt text-blue-700 text-2xl"></i>
192
+ </div>
193
+ <h3 class="text-xl font-semibold mb-2 feature3-title">Secure Shipping</h3>
194
+ <p class="text-gray-600 feature3-text">Comprehensive cargo insurance options and secure packaging to protect your valuable shipments.</p>
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </div>
199
+
200
+ <!-- How It Works -->
201
+ <div class="py-16 bg-gray-100">
202
+ <div class="container mx-auto px-4">
203
+ <h2 class="text-3xl font-bold text-center text-blue-900 mb-12 process-title">Our Shipping Process</h2>
204
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
205
+ <div class="text-center">
206
+ <div class="bg-white w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4 border-4 border-blue-700">
207
+ <span class="text-blue-700 font-bold text-xl">1</span>
208
+ </div>
209
+ <h3 class="text-lg font-semibold mb-2 step1-title">Request Quote</h3>
210
+ <p class="text-gray-600 step1-text">Fill out our simple form to get a free shipping quote.</p>
211
+ </div>
212
+ <div class="text-center">
213
+ <div class="bg-white w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4 border-4 border-blue-700">
214
+ <span class="text-blue-700 font-bold text-xl">2</span>
215
+ </div>
216
+ <h3 class="text-lg font-semibold mb-2 step2-title">Book Shipment</h3>
217
+ <p class="text-gray-600 step2-text">Confirm your booking and prepare your cargo.</p>
218
+ </div>
219
+ <div class="text-center">
220
+ <div class="bg-white w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4 border-4 border-blue-700">
221
+ <span class="text-blue-700 font-bold text-xl">3</span>
222
+ </div>
223
+ <h3 class="text-lg font-semibold mb-2 step3-title">Ocean Transit</h3>
224
+ <p class="text-gray-600 step3-text">Your cargo safely travels by sea to Turkmenistan.</p>
225
+ </div>
226
+ <div class="text-center">
227
+ <div class="bg-white w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4 border-4 border-blue-700">
228
+ <span class="text-blue-700 font-bold text-xl">4</span>
229
+ </div>
230
+ <h3 class="text-lg font-semibold mb-2 step4-title">Receive Cargo</h3>
231
+ <p class="text-gray-600 step4-text">Pick up in Mary or get delivery to your location.</p>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+
237
+ <!-- Testimonials -->
238
+ <div class="py-16 bg-white">
239
+ <div class="container mx-auto px-4">
240
+ <h2 class="text-3xl font-bold text-center text-blue-900 mb-12 testimonials-title">What Our Customers Say</h2>
241
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
242
+ <div class="bg-gray-50 p-6 rounded-lg">
243
+ <div class="flex items-center mb-4">
244
+ <img src="https://via.placeholder.com/50x50" alt="Customer" class="w-12 h-12 rounded-full mr-4">
245
+ <div>
246
+ <h4 class="font-semibold">Ahmet G.</h4>
247
+ <div class="flex text-yellow-400">
248
+ <i class="fas fa-star"></i>
249
+ <i class="fas fa-star"></i>
250
+ <i class="fas fa-star"></i>
251
+ <i class="fas fa-star"></i>
252
+ <i class="fas fa-star"></i>
253
+ </div>
254
+ </div>
255
+ </div>
256
+ <p class="text-gray-600 testimonial1-text">"Excellent service from USA to Mary. My shipment arrived on time and in perfect condition. Will definitely use again!"</p>
257
+ </div>
258
+ <div class="bg-gray-50 p-6 rounded-lg">
259
+ <div class="flex items-center mb-4">
260
+ <img src="https://via.placeholder.com/50x50" alt="Customer" class="w-12 h-12 rounded-full mr-4">
261
+ <div>
262
+ <h4 class="font-semibold">Maya A.</h4>
263
+ <div class="flex text-yellow-400">
264
+ <i class="fas fa-star"></i>
265
+ <i class="fas fa-star"></i>
266
+ <i class="fas fa-star"></i>
267
+ <i class="fas fa-star"></i>
268
+ <i class="fas fa-star-half-alt"></i>
269
+ </div>
270
+ </div>
271
+ </div>
272
+ <p class="text-gray-600 testimonial2-text">"Very professional team. The delivery to my home in Mary was seamless. Tracking updates were accurate throughout."</p>
273
+ </div>
274
+ <div class="bg-gray-50 p-6 rounded-lg">
275
+ <div class="flex items-center mb-4">
276
+ <img src="https://via.placeholder.com/50x50" alt="Customer" class="w-12 h-12 rounded-full mr-4">
277
+ <div>
278
+ <h4 class="font-semibold">Dovlet B.</h4>
279
+ <div class="flex text-yellow-400">
280
+ <i class="fas fa-star"></i>
281
+ <i class="fas fa-star"></i>
282
+ <i class="fas fa-star"></i>
283
+ <i class="fas fa-star"></i>
284
+ <i class="fas fa-star"></i>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ <p class="text-gray-600 testimonial3-text">"Competitive rates compared to other companies. The Mary branch staff were very helpful when I picked up my shipment."</p>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- CTA Section -->
295
+ <div class="py-16 bg-blue-900 text-white">
296
+ <div class="container mx-auto px-4 text-center">
297
+ <h2 class="text-3xl font-bold mb-6 cta-title">Ready to Ship from USA to Turkmenistan?</h2>
298
+ <p class="text-xl mb-8 max-w-2xl mx-auto cta-subtitle">Get your free quote today and experience professional ocean freight services</p>
299
+ <button class="bg-white text-blue-900 hover:bg-gray-100 font-bold px-8 py-3 rounded-lg cta-button">Request a Quote</button>
300
+ </div>
301
+ </div>
302
+
303
+ <!-- Footer -->
304
+ <footer class="bg-gray-900 text-white pt-12 pb-6">
305
+ <div class="container mx-auto px-4">
306
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
307
+ <div>
308
+ <h3 class="text-xl font-bold mb-4 footer-about-title">About Syyahat Cargo</h3>
309
+ <p class="text-gray-400 footer-about-text">Specializing in ocean freight shipments from USA to Turkmenistan with pickup in Mary or delivery options.</p>
310
+ </div>
311
+ <div>
312
+ <h3 class="text-xl font-bold mb-4 footer-services-title">Services</h3>
313
+ <ul class="space-y-2">
314
+ <li><a href="#" class="text-gray-400 hover:text-white footer-service1">Ocean Freight</a></li>
315
+ <li><a href="#" class="text-gray-400 hover:text-white footer-service2">Cargo Insurance</a></li>
316
+ <li><a href="#" class="text-gray-400 hover:text-white footer-service3">Door-to-Door</a></li>
317
+ <li><a href="#" class="text-gray-400 hover:text-white footer-service4">Customs Clearance</a></li>
318
+ </ul>
319
+ </div>
320
+ <div>
321
+ <h3 class="text-xl font-bold mb-4 footer-contact-title">Contact Us</h3>
322
+ <ul class="space-y-2 text-gray-400">
323
+ <li class="flex items-start">
324
+ <i class="fas fa-map-marker-alt mt-1 mr-3"></i>
325
+ <span>123 Shipping St, Mary, Turkmenistan</span>
326
+ </li>
327
+ <li class="flex items-center">
328
+ <i class="fas fa-phone-alt mr-3"></i>
329
+ <span>+993 12 345678</span>
330
+ </li>
331
+ <li class="flex items-center">
332
+ <i class="fas fa-envelope mr-3"></i>
333
+ <span>info@syyahatcargo.com</span>
334
+ </li>
335
+ </ul>
336
+ </div>
337
+ <div>
338
+ <h3 class="text-xl font-bold mb-4 footer-hours-title">Working Hours</h3>
339
+ <ul class="space-y-2 text-gray-400">
340
+ <li class="flex justify-between">
341
+ <span>Monday - Friday</span>
342
+ <span>9:00 - 18:00</span>
343
+ </li>
344
+ <li class="flex justify-between">
345
+ <span>Saturday</span>
346
+ <span>10:00 - 15:00</span>
347
+ </li>
348
+ <li class="flex justify-between">
349
+ <span>Sunday</span>
350
+ <span>Closed</span>
351
+ </li>
352
+ </ul>
353
+ </div>
354
+ </div>
355
+ <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
356
+ <p class="text-gray-400 mb-4 md:mb-0 footer-copyright">© 2023 Syyahat Cargo. All rights reserved.</p>
357
+ <div class="flex space-x-4">
358
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a>
359
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
360
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
361
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ </footer>
366
+
367
+ <script>
368
+ // Tab functionality
369
+ document.querySelectorAll('.tab-btn').forEach(btn => {
370
+ btn.addEventListener('click', () => {
371
+ // Remove active class from all buttons and content
372
+ document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
373
+ document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
374
+
375
+ // Add active class to clicked button
376
+ btn.classList.add('active');
377
+
378
+ // Show corresponding content
379
+ const tabId = btn.getAttribute('data-tab');
380
+ document.getElementById(tabId).classList.add('active');
381
+ });
382
+ });
383
+
384
+ // Navigation tab functionality
385
+ document.querySelectorAll('.nav-link').forEach(link => {
386
+ link.addEventListener('click', (e) => {
387
+ e.preventDefault();
388
+ document.querySelectorAll('.nav-link').forEach(l => l.classList.remove('active'));
389
+ link.classList.add('active');
390
+ // In a real implementation, you would load the corresponding content here
391
+ });
392
+ });
393
+
394
+ // Language switcher
395
+ function changeLanguage(lang) {
396
+ const translations = {
397
+ 'en': {
398
+ 'current-language': 'English',
399
+ 'login-text': 'Login',
400
+ 'company-name': 'Syyahat Cargo',
401
+ 'home': 'Home',
402
+ 'services': 'Services',
403
+ 'about': 'About Us',
404
+ 'contact': 'Contact',
405
+ 'hero-title': 'Reliable Ocean Freight from USA to Turkmenistan',
406
+ 'hero-subtitle': 'Professional cargo shipping services to Mary, Turkmenistan with pickup or delivery options',
407
+ 'quote-title': 'Request a Free Quote',
408
+ 'quote-origin': 'Origin (USA)',
409
+ 'quote-destination': 'Destination (Turkmenistan)',
410
+ 'quote-weight': 'Weight (kg)',
411
+ 'quote-dimensions': 'Dimensions (cm)',
412
+ 'quote-description': 'Cargo Description',
413
+ 'quote-button': 'Get Quote Now',
414
+ 'track-title': 'Track Your Shipment',
415
+ 'track-button': 'Track',
416
+ 'track-info': 'Enter your 12-digit tracking number to check your shipment status',
417
+ 'login-title': 'Customer Login',
418
+ 'login-email': 'Email',
419
+ 'login-password': 'Password',
420
+ 'login-button': 'Login',
421
+ 'login-register': 'Don\'t have an account?',
422
+ 'register-link': 'Register here',
423
+ 'features-title': 'Why Choose Syyahat Cargo?',
424
+ 'feature1-title': 'Ocean Freight Expertise',
425
+ 'feature1-text': 'Specialized in ocean freight shipments from USA to Turkmenistan with reliable schedules and competitive rates.',
426
+ 'feature2-title': 'Mary Branch',
427
+ 'feature2-text': 'Convenient pickup location in Mary, Turkmenistan or we can arrange delivery to your specified address.',
428
+ 'feature3-title': 'Secure Shipping',
429
+ 'feature3-text': 'Comprehensive cargo insurance options and secure packaging to protect your valuable shipments.',
430
+ 'process-title': 'Our Shipping Process',
431
+ 'step1-title': 'Request Quote',
432
+ 'step1-text': 'Fill out our simple form to get a free shipping quote.',
433
+ 'step2-title': 'Book Shipment',
434
+ 'step2-text': 'Confirm your booking and prepare your cargo.',
435
+ 'step3-title': 'Ocean Transit',
436
+ 'step3-text': 'Your cargo safely travels by sea to Turkmenistan.',
437
+ 'step4-title': 'Receive Cargo',
438
+ 'step4-text': 'Pick up in Mary or get delivery to your location.',
439
+ 'testimonials-title': 'What Our Customers Say',
440
+ 'testimonial1-text': '"Excellent service from USA to Mary. My shipment arrived on time and in perfect condition. Will definitely use again!"',
441
+ 'testimonial2-text': '"Very professional team. The delivery to my home in Mary was seamless. Tracking updates were accurate throughout."',
442
+ 'testimonial3-text': '"Competitive rates compared to other companies. The Mary branch staff were very helpful when I picked up my shipment."',
443
+ 'cta-title': 'Ready to Ship from USA to Turkmenistan?',
444
+ 'cta-subtitle': 'Get your free quote today and experience professional ocean freight services',
445
+ 'cta-button': 'Request a Quote',
446
+ 'footer-about-title': 'About Syyahat Cargo',
447
+ 'footer-about-text': 'Specializing in ocean freight shipments from USA to Turkmenistan with pickup in Mary or delivery options.',
448
+ 'footer-services-title': 'Services',
449
+ 'footer-service1': 'Ocean Freight',
450
+ 'footer-service2': 'Cargo Insurance',
451
+ 'footer-service3': 'Door-to-Door',
452
+ 'footer-service4': 'Customs Clearance',
453
+ 'footer-contact-title': 'Contact Us',
454
+ 'footer-hours-title': 'Working Hours',
455
+ 'footer-copyright': '© 2023 Syyahat Cargo. All rights reserved.'
456
+ },
457
+ 'tk': {
458
+ 'current-language': 'Türkmençe',
459
+ 'login-text': 'Giriş',
460
+ 'company-name': 'Syyahat Kargo',
461
+ 'home': 'Baş sahypa',
462
+ 'services': 'Hyzmatlar',
463
+ 'about': 'Biz barada',
464
+ 'contact': 'Habarlaşmak',
465
+ 'hero-title': 'ABŞ-dan Türkmenistana yük daşamak',
466
+ 'hero-subtitle': 'Mary şäherine ýük daşamak hyzmatlary, özüňiz almak ýa-da eltip bermek',
467
+ 'quote-title': 'Teklip soramak',
468
+ 'quote-origin': 'Çykyş (ABŞ)',
469
+ 'quote-destination': 'Barjak ýeri (Türkmenistan)',
470
+ 'quote-weight': 'Agramy (kg)',
471
+ 'quote-dimensions': 'Ölçegi (sm)',
472
+ 'quote-description': 'Ýük barada maglumat',
473
+ 'quote-button': 'Teklip almak',
474
+ 'track-title': 'Ýüküňizi yzarlamak',
475
+ 'track-button': 'Yzarla',
476
+ 'track-info': 'Ýüküňiziň ýagdaýyny görmek üçin 12 sanly yzarlama belgiňizi giriziň',
477
+ 'login-title': 'Müşderi girişi',
478
+ 'login-email': 'E-poçta',
479
+ 'login-password': 'Açar sözi',
480
+ 'login-button': 'Giriş',
481
+ 'login-register': 'Akaunt ýokmy?',
482
+ 'register-link': 'Hasap açmak',
483
+ 'features-title': 'Näme üçin Syyahat Kargo?',
484
+ 'feature1-title': 'Deňiz ýük daşamak',
485
+ 'feature1-text': 'ABŞ-dan Türkmenistana ygtybarly we arzan bahadan ýük daşamak hyzmaty.',
486
+ 'feature2-title': 'Mary ofisi',
487
+ 'feature2-text': 'Mary şäherinde ýüküňizi almak ýa-da eltip bermek hyzmaty.',
488
+ 'feature3-title': 'Ygtybarly daşamak',
489
+ 'feature3-text': 'Ýüküňizi goramak üçin ygtybarly gaplama we sugut hyzmaty.',
490
+ 'process-title': 'Ýük daşamak prosesi',
491
+ 'step1-title': 'Teklip soramak',
492
+ 'step1-text': 'Teklip almak üçin formany dolduryň.',
493
+ 'step2-title': 'Ýükü belläp goýmak',
494
+ 'step2-text': 'Bellik tassyklanandan soň ��üküňizi taýýarlaň.',
495
+ 'step3-title': 'Deňizde daşamak',
496
+ 'step3-text': 'Ýüküňiz deňiz arkaly Türkmenistana eltip beriler.',
497
+ 'step4-title': 'Ýükü almak',
498
+ 'step4-text': 'Mary şäherinde almak ýa-da eltip bermek hyzmaty.',
499
+ 'testimonials-title': 'Müşderilerimiziň pikirleri',
500
+ 'testimonial1-text': '"ABŞ-dan Mary şäherine ýük daşamak hyzmaty örän gowy. Ýüküm wagtynda we ýagşy ýagdaýda geldi. Täzeden ulanyaryn!"',
501
+ 'testimonial2-text': '"Örän hünärli işgärler. Mary şäherindäki öýüme eltip bermek hyzmaty örän amatly boldy. Yzarlama maglumaty dogry boldy."',
502
+ 'testimonial3-text': '"Beýleki kompaniýalara garanda arzan. Mary ofisindäki işgärler kömekçi boldular."',
503
+ 'cta-title': 'ABŞ-dan Türkmenistana ýük daşatmak isleýärsiňizmi?',
504
+ 'cta-subtitle': 'Häzir teklip alyp, hünärli ýük daşamak hyzmatyndan peýdalanyň',
505
+ 'cta-button': 'Teklip soramak',
506
+ 'footer-about-title': 'Syyahat Kargo barada',
507
+ 'footer-about-text': 'ABŞ-dan Türkmenistana deňiz arkaly ýük daşamak hyzmaty, Mary şäherinde almak ýa-da eltip bermek.',
508
+ 'footer-services-title': 'Hyzmatlar',
509
+ 'footer-service1': 'Deňiz ýük daşamak',
510
+ 'footer-service2': 'Ýük sugut',
511
+ 'footer-service3': 'Eltip bermek',
512
+ 'footer-service4': 'Böjek bojundurulmasy',
513
+ 'footer-contact-title': 'Habarlaşmak',
514
+ 'footer-hours-title': 'Iş wagty',
515
+ 'footer-copyright': '© 2023 Syyahat Kargo. Ähli hukuklary goralan.'
516
+ }
517
+ };
518
+
519
+ // Update all elements with translation keys
520
+ Object.keys(translations[lang]).forEach(key => {
521
+ const elements = document.querySelectorAll(`.${key}`);
522
+ elements.forEach(el => {
523
+ if (el.tagName === 'INPUT' && el.placeholder) {
524
+ el.placeholder = translations[lang][key];
525
+ } else if (el.tagName === 'A' && el.classList.contains('register-link')) {
526
+ el.textContent = translations[lang][key];
527
+ } else {
528
+ el.textContent = translations[lang][key];
529
+ }
530
+ });
531
+ });
532
+
533
+ // Update current language display
534
+ document.getElementById('current-language').textContent = translations[lang]['current-language'];
535
+ }
536
+
537
+ // Mobile menu toggle (would be implemented in a real site)
538
+ document.querySelector('.md\\:hidden').addEventListener('click', () => {
539
+ alert('Mobile menu would open here in a full implementation');
540
+ });
541
+ </script>
542
+ <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/syyahatcargo" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
543
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ syyahat cargo. cargo from usa to turkmenistan. get quote, login, track shipment, . only ocean for now, we are working on building air . shipments will arrive to Mary, Turkmenistan. you could pick up from our branch, also, if you want we can deliver. website Turknmen langauage need tp be added