Hugging Face's logo

Spaces:
jcmenam
/
site
Running

App Files Community
jcmenam commited on
Commit
689de5a
·
verified ·
1 Parent(s): 58ff3ce

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +780 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Site
3
- emoji: 🚀
4
  colorFrom: purple
5
- colorTo: pink
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: site
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,780 @@
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>The LogisCo - FMCSA Compliance & Logistics Consulting</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
+ .hero-gradient {
11
+ background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
12
+ }
13
+ .service-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
16
+ }
17
+ .nav-link:hover {
18
+ color: #3b82f6;
19
+ }
20
+ .language-toggle {
21
+ transition: all 0.3s ease;
22
+ }
23
+ .language-toggle:hover {
24
+ transform: scale(1.05);
25
+ }
26
+ </style>
27
+ </head>
28
+ <body class="font-sans antialiased text-gray-800">
29
+ <!-- Language Toggle -->
30
+ <div class="bg-gray-100 py-2 px-4 flex justify-end">
31
+ <button class="language-toggle bg-white border border-gray-300 rounded-full px-4 py-1 text-sm font-medium flex items-center space-x-2">
32
+ <i class="fas fa-language"></i>
33
+ <span>Español</span>
34
+ </button>
35
+ </div>
36
+
37
+ <!-- Navigation -->
38
+ <nav class="bg-white shadow-md sticky top-0 z-50">
39
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
40
+ <div class="flex justify-between h-16">
41
+ <div class="flex items-center">
42
+ <div class="flex-shrink-0 flex items-center">
43
+ <img class="h-10 w-auto" src="https://via.placeholder.com/150x50?text=LogisCo" alt="The LogisCo Logo">
44
+ </div>
45
+ <div class="hidden md:ml-10 md:flex md:space-x-8">
46
+ <a href="#services" class="nav-link border-b-2 border-transparent inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 hover:text-blue-500">Services</a>
47
+ <a href="#about" class="nav-link border-b-2 border-transparent inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 hover:text-blue-500">About Us</a>
48
+ <a href="#tools" class="nav-link border-b-2 border-transparent inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 hover:text-blue-500">Digital Tools</a>
49
+ <a href="#contact" class="nav-link border-b-2 border-transparent inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 hover:text-blue-500">Contact</a>
50
+ </div>
51
+ </div>
52
+ <div class="hidden md:ml-4 md:flex md:items-center">
53
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">
54
+ Get Started <i class="fas fa-arrow-right ml-1"></i>
55
+ </button>
56
+ </div>
57
+ <div class="-mr-2 flex items-center md:hidden">
58
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false">
59
+ <span class="sr-only">Open main menu</span>
60
+ <i class="fas fa-bars"></i>
61
+ </button>
62
+ </div>
63
+ </div>
64
+ </div>
65
+
66
+ <!-- Mobile menu -->
67
+ <div class="md:hidden hidden" id="mobile-menu">
68
+ <div class="pt-2 pb-3 space-y-1">
69
+ <a href="#services" class="bg-blue-50 border-blue-500 text-blue-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Services</a>
70
+ <a href="#about" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">About Us</a>
71
+ <a href="#tools" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Digital Tools</a>
72
+ <a href="#contact" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Contact</a>
73
+ <div class="mt-4 px-4">
74
+ <button class="w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-base font-medium">
75
+ Get Started <i class="fas fa-arrow-right ml-1"></i>
76
+ </button>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ </nav>
81
+
82
+ <!-- Hero Section -->
83
+ <section class="hero-gradient text-white">
84
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
85
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 items-center">
86
+ <div class="lg:pr-8">
87
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl mb-6">
88
+ Simplify FMCSA Compliance for Your Trucking Business
89
+ </h1>
90
+ <p class="text-xl text-blue-100 max-w-3xl mb-8">
91
+ Expert consulting and digital tools to help small and medium carriers navigate USDOT regulations, reduce violations, and operate legally in the U.S.
92
+ </p>
93
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
94
+ <button class="bg-white text-blue-600 hover:bg-gray-100 px-6 py-3 rounded-md text-lg font-semibold">
95
+ Get Compliant Today
96
+ </button>
97
+ <button class="bg-transparent border-2 border-white hover:bg-blue-700 px-6 py-3 rounded-md text-lg font-semibold flex items-center justify-center">
98
+ <i class="fas fa-play-circle mr-2"></i> Watch Video
99
+ </button>
100
+ </div>
101
+ </div>
102
+ <div class="mt-12 lg:mt-0">
103
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-xl p-8">
104
+ <h3 class="text-2xl font-bold mb-4">Free Compliance Check</h3>
105
+ <form class="space-y-4">
106
+ <div>
107
+ <label for="dot-number" class="block text-sm font-medium">USDOT Number</label>
108
+ <input type="text" id="dot-number" class="mt-1 block w-full rounded-md bg-white bg-opacity-20 border-white border text-white placeholder-blue-100 focus:ring-2 focus:ring-white focus:border-white">
109
+ </div>
110
+ <div>
111
+ <label for="company-name" class="block text-sm font-medium">Company Name</label>
112
+ <input type="text" id="company-name" class="mt-1 block w-full rounded-md bg-white bg-opacity-20 border-white border text-white placeholder-blue-100 focus:ring-2 focus:ring-white focus:border-white">
113
+ </div>
114
+ <div>
115
+ <label for="email" class="block text-sm font-medium">Email</label>
116
+ <input type="email" id="email" class="mt-1 block w-full rounded-md bg-white bg-opacity-20 border-white border text-white placeholder-blue-100 focus:ring-2 focus:ring-white focus:border-white">
117
+ </div>
118
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md font-medium">
119
+ Check My Compliance <i class="fas fa-arrow-right ml-1"></i>
120
+ </button>
121
+ </form>
122
+ <p class="text-blue-100 text-xs mt-4">
123
+ By submitting, you agree to our Terms and Privacy Policy.
124
+ </p>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </section>
130
+
131
+ <!-- Trust Badges -->
132
+ <div class="bg-gray-50 py-8">
133
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
134
+ <p class="text-center text-gray-500 text-sm mb-6">TRUSTED BY CARRIERS ACROSS THE U.S.</p>
135
+ <div class="grid grid-cols-2 md:grid-cols-5 gap-8 items-center justify-center">
136
+ <img src="https://via.placeholder.com/150x50?text=Client1" alt="Client 1" class="h-10 opacity-70 mx-auto">
137
+ <img src="https://via.placeholder.com/150x50?text=Client2" alt="Client 2" class="h-10 opacity-70 mx-auto">
138
+ <img src="https://via.placeholder.com/150x50?text=Client3" alt="Client 3" class="h-10 opacity-70 mx-auto">
139
+ <img src="https://via.placeholder.com/150x50?text=Client4" alt="Client 4" class="h-10 opacity-70 mx-auto">
140
+ <img src="https://via.placeholder.com/150x50?text=Client5" alt="Client 5" class="h-10 opacity-70 mx-auto">
141
+ </div>
142
+ </div>
143
+ </div>
144
+
145
+ <!-- Services Section -->
146
+ <section id="services" class="py-16 bg-white">
147
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
148
+ <div class="text-center mb-12">
149
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
150
+ Comprehensive FMCSA Compliance Services
151
+ </h2>
152
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
153
+ We handle the paperwork and regulations so you can focus on your business
154
+ </p>
155
+ </div>
156
+
157
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
158
+ <!-- Service 1 -->
159
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out">
160
+ <div class="p-6">
161
+ <div class="flex items-center mb-4">
162
+ <div class="bg-blue-100 p-3 rounded-full">
163
+ <i class="fas fa-file-alt text-blue-600 text-xl"></i>
164
+ </div>
165
+ <h3 class="ml-4 text-lg font-bold text-gray-900">DOT/FMCSA Filings</h3>
166
+ </div>
167
+ <p class="text-gray-600 mb-4">
168
+ Complete processing of MCS-150, UCR, BOC-3, and other required filings to keep your authority active.
169
+ </p>
170
+ <ul class="space-y-2 text-gray-600">
171
+ <li class="flex items-start">
172
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
173
+ <span>Annual updates and renewals</span>
174
+ </li>
175
+ <li class="flex items-start">
176
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
177
+ <span>New entrant safety audits</span>
178
+ </li>
179
+ <li class="flex items-start">
180
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
181
+ <span>IFTA and IRP filings</span>
182
+ </li>
183
+ </ul>
184
+ </div>
185
+ </div>
186
+
187
+ <!-- Service 2 -->
188
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out">
189
+ <div class="p-6">
190
+ <div class="flex items-center mb-4">
191
+ <div class="bg-blue-100 p-3 rounded-full">
192
+ <i class="fas fa-clipboard-check text-blue-600 text-xl"></i>
193
+ </div>
194
+ <h3 class="ml-4 text-lg font-bold text-gray-900">Compliance Audits</h3>
195
+ </div>
196
+ <p class="text-gray-600 mb-4">
197
+ Comprehensive reviews of your safety and compliance programs to identify risks before FMCSA does.
198
+ </p>
199
+ <ul class="space-y-2 text-gray-600">
200
+ <li class="flex items-start">
201
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
202
+ <span>Driver qualification files</span>
203
+ </li>
204
+ <li class="flex items-start">
205
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
206
+ <span>Hours of Service compliance</span>
207
+ </li>
208
+ <li class="flex items-start">
209
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
210
+ <span>Vehicle maintenance records</span>
211
+ </li>
212
+ </ul>
213
+ </div>
214
+ </div>
215
+
216
+ <!-- Service 3 -->
217
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out">
218
+ <div class="p-6">
219
+ <div class="flex items-center mb-4">
220
+ <div class="bg-blue-100 p-3 rounded-full">
221
+ <i class="fas fa-truck text-blue-600 text-xl"></i>
222
+ </div>
223
+ <h3 class="ml-4 text-lg font-bold text-gray-900">Driver & Vehicle Monitoring</h3>
224
+ </div>
225
+ <p class="text-gray-600 mb-4">
226
+ Proactive tracking of driver performance and vehicle inspections to reduce violations and improve CSA scores.
227
+ </p>
228
+ <ul class="space-y-2 text-gray-600">
229
+ <li class="flex items-start">
230
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
231
+ <span>Pre-employment screening</span>
232
+ </li>
233
+ <li class="flex items-start">
234
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
235
+ <span>Monthly violation reports</span>
236
+ </li>
237
+ <li class="flex items-start">
238
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
239
+ <span>Drug & alcohol program management</span>
240
+ </li>
241
+ </ul>
242
+ </div>
243
+ </div>
244
+
245
+ <!-- Service 4 -->
246
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out">
247
+ <div class="p-6">
248
+ <div class="flex items-center mb-4">
249
+ <div class="bg-blue-100 p-3 rounded-full">
250
+ <i class="fas fa-chart-line text-blue-600 text-xl"></i>
251
+ </div>
252
+ <h3 class="ml-4 text-lg font-bold text-gray-900">Inspection Analysis</h3>
253
+ </div>
254
+ <p class="text-gray-600 mb-4">
255
+ Detailed review of inspection results to identify patterns and implement corrective actions.
256
+ </p>
257
+ <ul class="space-y-2 text-gray-600">
258
+ <li class="flex items-start">
259
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
260
+ <span>CSA score optimization</span>
261
+ </li>
262
+ <li class="flex items-start">
263
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
264
+ <span>Violation trend reporting</span>
265
+ </li>
266
+ <li class="flex items-start">
267
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
268
+ <span>Targeted driver coaching</span>
269
+ </li>
270
+ </ul>
271
+ </div>
272
+ </div>
273
+
274
+ <!-- Service 5 -->
275
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out">
276
+ <div class="p-6">
277
+ <div class="flex items-center mb-4">
278
+ <div class="bg-blue-100 p-3 rounded-full">
279
+ <i class="fas fa-laptop-code text-blue-600 text-xl"></i>
280
+ </div>
281
+ <h3 class="ml-4 text-lg font-bold text-gray-900">Digital Tools</h3>
282
+ </div>
283
+ <p class="text-gray-600 mb-4">
284
+ Custom-built software solutions to automate compliance tasks and streamline operations.
285
+ </p>
286
+ <ul class="space-y-2 text-gray-600">
287
+ <li class="flex items-start">
288
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
289
+ <span>Automated form processing</span>
290
+ </li>
291
+ <li class="flex items-start">
292
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
293
+ <span>Real-time USDOT lookup</span>
294
+ </li>
295
+ <li class="flex items-start">
296
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
297
+ <span>Zoho CRM integration</span>
298
+ </li>
299
+ </ul>
300
+ </div>
301
+ </div>
302
+
303
+ <!-- Service 6 -->
304
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300 ease-in-out">
305
+ <div class="p-6">
306
+ <div class="flex items-center mb-4">
307
+ <div class="bg-blue-100 p-3 rounded-full">
308
+ <i class="fas fa-graduation-cap text-blue-600 text-xl"></i>
309
+ </div>
310
+ <h3 class="ml-4 text-lg font-bold text-gray-900">Training Programs</h3>
311
+ </div>
312
+ <p class="text-gray-600 mb-4">
313
+ Specialized training for drivers and staff to improve compliance and operational efficiency.
314
+ </p>
315
+ <ul class="space-y-2 text-gray-600">
316
+ <li class="flex items-start">
317
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
318
+ <span>30-day Basic English Course</span>
319
+ </li>
320
+ <li class="flex items-start">
321
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
322
+ <span>FMCSA regulation training</span>
323
+ </li>
324
+ <li class="flex items-start">
325
+ <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
326
+ <span>Roadside inspection preparation</span>
327
+ </li>
328
+ </ul>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ </section>
334
+
335
+ <!-- About Section -->
336
+ <section id="about" class="py-16 bg-gray-50">
337
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
338
+ <div class="lg:grid lg:grid-cols-2 lg:gap-12 items-center">
339
+ <div class="mb-12 lg:mb-0">
340
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">
341
+ Why Choose The LogisCo?
342
+ </h2>
343
+ <p class="text-lg text-gray-600 mb-6">
344
+ Founded by transportation compliance experts, we understand the challenges small and medium carriers face with FMCSA regulations. Our bilingual team provides personalized support tailored to your specific needs.
345
+ </p>
346
+ <div class="space-y-6">
347
+ <div class="flex">
348
+ <div class="flex-shrink-0">
349
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
350
+ <i class="fas fa-users"></i>
351
+ </div>
352
+ </div>
353
+ <div class="ml-4">
354
+ <h3 class="text-lg font-medium text-gray-900">Bilingual Expertise</h3>
355
+ <p class="mt-2 text-gray-600">
356
+ Native Spanish-speaking consultants who understand the unique needs of cross-border operations.
357
+ </p>
358
+ </div>
359
+ </div>
360
+ <div class="flex">
361
+ <div class="flex-shrink-0">
362
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
363
+ <i class="fas fa-map-marker-alt"></i>
364
+ </div>
365
+ </div>
366
+ <div class="ml-4">
367
+ <h3 class="text-lg font-medium text-gray-900">Borderplex Specialists</h3>
368
+ <p class="mt-2 text-gray-600">
369
+ Deep knowledge of operations in the El Paso, Ciudad Juárez, and Las Cruces region.
370
+ </p>
371
+ </div>
372
+ </div>
373
+ <div class="flex">
374
+ <div class="flex-shrink-0">
375
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
376
+ <i class="fas fa-bolt"></i>
377
+ </div>
378
+ </div>
379
+ <div class="ml-4">
380
+ <h3 class="text-lg font-medium text-gray-900">Fast Response</h3>
381
+ <p class="mt-2 text-gray-600">
382
+ Average response time under 2 hours for urgent compliance matters.
383
+ </p>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ <div class="relative">
389
+ <img class="w-full rounded-lg shadow-xl" src="https://via.placeholder.com/600x400?text=Team+Meeting" alt="The LogisCo Team">
390
+ <div class="absolute -bottom-6 -right-6 bg-white p-4 rounded-lg shadow-lg w-3/4">
391
+ <div class="flex items-center">
392
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
393
+ <i class="fas fa-trophy text-blue-600 text-xl"></i>
394
+ </div>
395
+ <div>
396
+ <p class="text-sm text-gray-600">Success Rate</p>
397
+ <p class="text-2xl font-bold text-gray-900">98%</p>
398
+ <p class="text-xs text-gray-500">of clients maintain clean CSA scores</p>
399
+ </div>
400
+ </div>
401
+ </div>
402
+ </div>
403
+ </div>
404
+ </div>
405
+ </section>
406
+
407
+ <!-- Digital Tools Section -->
408
+ <section id="tools" class="py-16 bg-white">
409
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
410
+ <div class="text-center mb-12">
411
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
412
+ Our Digital Compliance Tools
413
+ </h2>
414
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
415
+ Technology-driven solutions to simplify your compliance management
416
+ </p>
417
+ </div>
418
+
419
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
420
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
421
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
422
+ <i class="fas fa-search text-blue-600 text-2xl"></i>
423
+ </div>
424
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Real-Time USDOT Lookup</h3>
425
+ <p class="text-gray-600 mb-4">
426
+ Instant verification of carrier and driver credentials with direct FMCSA database integration.
427
+ </p>
428
+ <a href="#" class="text-blue-600 font-medium inline-flex items-center">
429
+ Learn more <i class="fas fa-chevron-right ml-1 text-sm"></i>
430
+ </a>
431
+ </div>
432
+
433
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
434
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
435
+ <i class="fas fa-robot text-blue-600 text-2xl"></i>
436
+ </div>
437
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Form Automation</h3>
438
+ <p class="text-gray-600 mb-4">
439
+ Smart forms that auto-fill repetitive information and guide you through complex filings.
440
+ </p>
441
+ <a href="#" class="text-blue-600 font-medium inline-flex items-center">
442
+ Learn more <i class="fas fa-chevron-right ml-1 text-sm"></i>
443
+ </a>
444
+ </div>
445
+
446
+ <div class="bg-gray-50 rounded-xl p-8 border border-gray-200">
447
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
448
+ <i class="fas fa-chart-pie text-blue-600 text-2xl"></i>
449
+ </div>
450
+ <h3 class="text-xl font-bold text-gray-900 mb-3">Compliance Dashboard</h3>
451
+ <p class="text-gray-600 mb-4">
452
+ Real-time visibility into your compliance status with alerts for upcoming deadlines.
453
+ </p>
454
+ <a href="#" class="text-blue-600 font-medium inline-flex items-center">
455
+ Learn more <i class="fas fa-chevron-right ml-1 text-sm"></i>
456
+ </a>
457
+ </div>
458
+ </div>
459
+
460
+ <div class="mt-12 bg-blue-50 rounded-xl p-8 md:p-12">
461
+ <div class="md:flex items-center">
462
+ <div class="md:w-2/3 mb-8 md:mb-0">
463
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Ready to Streamline Your Compliance?</h3>
464
+ <p class="text-gray-600">
465
+ Schedule a demo of our digital tools and see how we can reduce your administrative workload by up to 70%.
466
+ </p>
467
+ </div>
468
+ <div class="md:w-1/3 md:text-right">
469
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md text-lg font-semibold">
470
+ Request Demo <i class="fas fa-laptop ml-2"></i>
471
+ </button>
472
+ </div>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ </section>
477
+
478
+ <!-- Testimonials -->
479
+ <section class="py-16 bg-gray-900 text-white">
480
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
481
+ <div class="text-center mb-12">
482
+ <h2 class="text-3xl font-extrabold sm:text-4xl">
483
+ What Our Clients Say
484
+ </h2>
485
+ <p class="mt-4 max-w-2xl text-xl text-blue-200 mx-auto">
486
+ Don't just take our word for it
487
+ </p>
488
+ </div>
489
+
490
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
491
+ <div class="bg-gray-800 rounded-xl p-8">
492
+ <div class="flex items-center mb-4">
493
+ <img class="h-12 w-12 rounded-full" src="https://via.placeholder.com/150?text=J" alt="Client">
494
+ <div class="ml-4">
495
+ <h4 class="font-bold">Juan Martinez</h4>
496
+ <p class="text-blue-300 text-sm">Owner, Martinez Trucking</p>
497
+ </div>
498
+ </div>
499
+ <p class="text-gray-300 italic mb-4">
500
+ "The LogisCo saved my business when I got an FMCSA audit notice. Their team handled everything in both English and Spanish, which was a huge relief."
501
+ </p>
502
+ <div class="flex text-yellow-400">
503
+ <i class="fas fa-star"></i>
504
+ <i class="fas fa-star"></i>
505
+ <i class="fas fa-star"></i>
506
+ <i class="fas fa-star"></i>
507
+ <i class="fas fa-star"></i>
508
+ </div>
509
+ </div>
510
+
511
+ <div class="bg-gray-800 rounded-xl p-8">
512
+ <div class="flex items-center mb-4">
513
+ <img class="h-12 w-12 rounded-full" src="https://via.placeholder.com/150?text=S" alt="Client">
514
+ <div class="ml-4">
515
+ <h4 class="font-bold">Sarah Johnson</h4>
516
+ <p class="text-blue-300 text-sm">Safety Director, Border Express</p>
517
+ </div>
518
+ </div>
519
+ <p class="text-gray-300 italic mb-4">
520
+ "Their digital tools cut our compliance paperwork time in half. The automated forms and dashboards give me peace of mind that we won't miss any deadlines."
521
+ </p>
522
+ <div class="flex text-yellow-400">
523
+ <i class="fas fa-star"></i>
524
+ <i class="fas fa-star"></i>
525
+ <i class="fas fa-star"></i>
526
+ <i class="fas fa-star"></i>
527
+ <i class="fas fa-star"></i>
528
+ </div>
529
+ </div>
530
+
531
+ <div class="bg-gray-800 rounded-xl p-8">
532
+ <div class="flex items-center mb-4">
533
+ <img class="h-12 w-12 rounded-full" src="https://via.placeholder.com/150?text=C" alt="Client">
534
+ <div class="ml-4">
535
+ <h4 class="font-bold">Carlos Rodriguez</h4>
536
+ <p class="text-blue-300 text-sm">Fleet Manager, Sun Valley Logistics</p>
537
+ </div>
538
+ </div>
539
+ <p class="text-gray-300 italic mb-4">
540
+ "As a small carrier, we couldn't afford a full-time compliance officer. The LogisCo gives us enterprise-level support at a fraction of the cost."
541
+ </p>
542
+ <div class="flex text-yellow-400">
543
+ <i class="fas fa-star"></i>
544
+ <i class="fas fa-star"></i>
545
+ <i class="fas fa-star"></i>
546
+ <i class="fas fa-star"></i>
547
+ <i class="fas fa-star-half-alt"></i>
548
+ </div>
549
+ </div>
550
+ </div>
551
+ </div>
552
+ </section>
553
+
554
+ <!-- CTA Section -->
555
+ <section class="py-16 bg-blue-600 text-white">
556
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
557
+ <h2 class="text-3xl font-extrabold sm:text-4xl mb-6">
558
+ Ready to Simplify Your Compliance?
559
+ </h2>
560
+ <p class="text-xl text-blue-100 max-w-3xl mx-auto mb-8">
561
+ Get expert FMCSA compliance support tailored to your trucking business.
562
+ </p>
563
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
564
+ <button class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-4 rounded-md text-lg font-semibold">
565
+ Get Started Now
566
+ </button>
567
+ <button class="bg-transparent border-2 border-white hover:bg-blue-700 px-8 py-4 rounded-md text-lg font-semibold flex items-center justify-center">
568
+ <i class="fas fa-phone-alt mr-2"></i> (555) 123-4567
569
+ </button>
570
+ </div>
571
+ </div>
572
+ </section>
573
+
574
+ <!-- Contact Section -->
575
+ <section id="contact" class="py-16 bg-white">
576
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
577
+ <div class="lg:grid lg:grid-cols-2 lg:gap-12">
578
+ <div class="mb-12 lg:mb-0">
579
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl mb-6">
580
+ Contact Our Team
581
+ </h2>
582
+ <p class="text-lg text-gray-600 mb-8">
583
+ Have questions about FMCSA compliance? Our bilingual experts are ready to help.
584
+ </p>
585
+
586
+ <div class="space-y-6">
587
+ <div class="flex">
588
+ <div class="flex-shrink-0">
589
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
590
+ <i class="fas fa-map-marker-alt"></i>
591
+ </div>
592
+ </div>
593
+ <div class="ml-4">
594
+ <h3 class="text-lg font-medium text-gray-900">Our Office</h3>
595
+ <p class="mt-2 text-gray-600">
596
+ 123 Compliance Way<br>
597
+ El Paso, TX 79901
598
+ </p>
599
+ </div>
600
+ </div>
601
+
602
+ <div class="flex">
603
+ <div class="flex-shrink-0">
604
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
605
+ <i class="fas fa-phone-alt"></i>
606
+ </div>
607
+ </div>
608
+ <div class="ml-4">
609
+ <h3 class="text-lg font-medium text-gray-900">Phone</h3>
610
+ <p class="mt-2 text-gray-600">
611
+ Main: (555) 123-4567<br>
612
+ Español: (555) 123-4568
613
+ </p>
614
+ </div>
615
+ </div>
616
+
617
+ <div class="flex">
618
+ <div class="flex-shrink-0">
619
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
620
+ <i class="fas fa-envelope"></i>
621
+ </div>
622
+ </div>
623
+ <div class="ml-4">
624
+ <h3 class="text-lg font-medium text-gray-900">Email</h3>
625
+ <p class="mt-2 text-gray-600">
626
+ info@thelogisco.com<br>
627
+ soporte@thelogisco.com
628
+ </p>
629
+ </div>
630
+ </div>
631
+ </div>
632
+ </div>
633
+
634
+ <div>
635
+ <div class="bg-gray-50 rounded-lg shadow-md p-8">
636
+ <h3 class="text-xl font-bold text-gray-900 mb-6">Send Us a Message</h3>
637
+ <form class="space-y-6">
638
+ <div>
639
+ <label for="full-name" class="block text-sm font-medium text-gray-700">Full Name</label>
640
+ <input type="text" id="full-name" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
641
+ </div>
642
+
643
+ <div>
644
+ <label for="email-address" class="block text-sm font-medium text-gray-700">Email Address</label>
645
+ <input type="email" id="email-address" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
646
+ </div>
647
+
648
+ <div>
649
+ <label for="phone" class="block text-sm font-medium text-gray-700">Phone Number</label>
650
+ <input type="tel" id="phone" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
651
+ </div>
652
+
653
+ <div>
654
+ <label for="subject" class="block text-sm font-medium text-gray-700">Subject</label>
655
+ <select id="subject" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500">
656
+ <option>General Inquiry</option>
657
+ <option>Compliance Services</option>
658
+ <option>Digital Tools</option>
659
+ <option>Training Programs</option>
660
+ <option>Other</option>
661
+ </select>
662
+ </div>
663
+
664
+ <div>
665
+ <label for="message" class="block text-sm font-medium text-gray-700">Message</label>
666
+ <textarea id="message" rows="4" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500"></textarea>
667
+ </div>
668
+
669
+ <div>
670
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md font-medium">
671
+ Send Message <i class="fas fa-paper-plane ml-1"></i>
672
+ </button>
673
+ </div>
674
+ </form>
675
+ </div>
676
+ </div>
677
+ </div>
678
+ </div>
679
+ </section>
680
+
681
+ <!-- Footer -->
682
+ <footer class="bg-gray-900 text-white pt-12 pb-8">
683
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
684
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
685
+ <div>
686
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Services</h3>
687
+ <ul class="space-y-2">
688
+ <li><a href="#" class="text-gray-400 hover:text-white">DOT/FMCSA Filings</a></li>
689
+ <li><a href="#" class="text-gray-400 hover:text-white">Compliance Audits</a></li>
690
+ <li><a href="#" class="text-gray-400 hover:text-white">Driver Monitoring</a></li>
691
+ <li><a href="#" class="text-gray-400 hover:text-white">Training Programs</a></li>
692
+ </ul>
693
+ </div>
694
+
695
+ <div>
696
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Resources</h3>
697
+ <ul class="space-y-2">
698
+ <li><a href="#" class="text-gray-400 hover:text-white">FMCSA Regulations</a></li>
699
+ <li><a href="#" class="text-gray-400 hover:text-white">Compliance Checklist</a></li>
700
+ <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
701
+ <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li>
702
+ </ul>
703
+ </div>
704
+
705
+ <div>
706
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Company</h3>
707
+ <ul class="space-y-2">
708
+ <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
709
+ <li><a href="#" class="text-gray-400 hover:text-white">Our Team</a></li>
710
+ <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li>
711
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
712
+ </ul>
713
+ </div>
714
+
715
+ <div>
716
+ <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Connect</h3>
717
+ <div class="flex space-x-4 mb-4">
718
+ <a href="#" class="text-gray-400 hover:text-white">
719
+ <i class="fab fa-facebook-f"></i>
720
+ </a>
721
+ <a href="#" class="text-gray-400 hover:text-white">
722
+ <i class="fab fa-twitter"></i>
723
+ </a>
724
+ <a href="#" class="text-gray-400 hover:text-white">
725
+ <i class="fab fa-linkedin-in"></i>
726
+ </a>
727
+ <a href="#" class="text-gray-400 hover:text-white">
728
+ <i class="fab fa-instagram"></i>
729
+ </a>
730
+ </div>
731
+ <p class="text-gray-400 text-sm">
732
+ Subscribe to our newsletter for compliance updates:
733
+ </p>
734
+ <div class="mt-2 flex">
735
+ <input type="email" placeholder="Your email" class="bg-gray-800 text-white px-3 py-2 rounded-l-md text-sm focus:outline-none focus:ring-1 focus:ring-blue-500 w-full">
736
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded-r-md text-sm">
737
+ <i class="fas fa-paper-plane"></i>
738
+ </button>
739
+ </div>
740
+ </div>
741
+ </div>
742
+
743
+ <div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
744
+ <div class="flex items-center mb-4 md:mb-0">
745
+ <img class="h-8 w-auto" src="https://via.placeholder.com/150x50?text=LogisCo" alt="The LogisCo Logo">
746
+ <span class="ml-2 text-sm text-gray-400">© 2023 The LogisCo. All rights reserved.</span>
747
+ </div>
748
+ <div class="flex space-x-6">
749
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Privacy Policy</a>
750
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Terms of Service</a>
751
+ <a href="#" class="text-gray-400 hover:text-white text-sm">Sitemap</a>
752
+ </div>
753
+ </div>
754
+ </div>
755
+ </footer>
756
+
757
+ <script>
758
+ // Mobile menu toggle
759
+ document.querySelector('nav button').addEventListener('click', function() {
760
+ const menu = document.getElementById('mobile-menu');
761
+ menu.classList.toggle('hidden');
762
+ });
763
+
764
+ // Language toggle
765
+ document.querySelector('.language-toggle').addEventListener('click', function() {
766
+ alert('Language switched to Spanish. In a real implementation, this would change the page content.');
767
+ });
768
+
769
+ // Smooth scrolling for anchor links
770
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
771
+ anchor.addEventListener('click', function (e) {
772
+ e.preventDefault();
773
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
774
+ behavior: 'smooth'
775
+ });
776
+ });
777
+ });
778
+ </script>
779
+ <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=jcmenam/site" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
780
+ </html>
prompts.txt ADDED
File without changes