PageSourceSearch

https://skynetexpressgh.com/services.html

html skynetexpressgh.com collected 2026-10-08 02:01:00 UTC 68,152 bytes, 1,588 lines download raw bytes

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>
7      Our Services | SkyNet Express Ltd - The Nationwide Parcel Delivery
8      Services
9    </title>
10    <link rel="icon" href="images/favicon.ico" type="image/png" />
11    
11<script src="https://cdn.tailwindcss.com/3.4.16"></script>
11
12    
12<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
12
13    <link
14      rel="stylesheet"
15      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
16    />
17    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
18    
18<script src="js/tailwind.config.js"></script>
18
19    <link rel="preconnect" href="https://fonts.googleapis.com" />
20    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
21    <link
22      href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap"
23      rel="stylesheet"
24    />
25    <link
26      href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
27      rel="stylesheet"
28    />
29    <link
30      rel="stylesheet"
31      href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css"
32    />
33    <link
34      rel="stylesheet"
35      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
36    />
37    <link rel="stylesheet" href="css/style.css" />
38  </head>
39
40  <body class="bg-gray-50 font-['Inter']">
41    <!-- Header -->
42    <header class="bg-white shadow-sm fixed w-full z-50">
43      <div
44        class="container mx-auto px-4 py-3 flex items-center justify-between"
45      >
46        <a href="index.html" class="flex items-center">
47          <img
48            src="images/logo_red.png"
49            alt="SkyNet Express Ltd Logo"
50            class="h-10 w-auto"
51          />
52        </a>
53        <nav class="hidden md:flex space-x-8">
54          <a
55            href="index.html"
56            class="text-gray-700 font-medium hover:text-primary transition-colors duration-300 nav-link"
57            >Home</a
58          >
59          <a
60            href="services.html"
61            class="text-primary font-medium hover:text-secondary transition-colors duration-300 nav-link"
62            >Services</a
63          >
64          <a
65            href="about.html"
66            class="text-gray-700 font-medium hover:text-primary transition-colors duration-300 nav-link"
67            >About Us</a
68          >
69          <a
70            href="tracking.html"
71            class="text-gray-700 font-medium hover:text-primary transition-colors duration-300 nav-link"
72            >Track Shipment</a
73          >
74          <a
75            href="sectors.html"
76            class="text-gray-700 font-medium hover:text-primary transition-colors duration-300 nav-link"
77            >Sectors</a
78          >
79          <a
80            href="gallery.html"
81            class="text-gray-700 font-medium hover:text-primary transition-colors duration-300 nav-link"
82            >Careers</a
83          >
84          <a
85            href="contact.html"
86            class="text-gray-700 font-medium hover:text-primary transition-colors duration-300 nav-link"
87            >Contact</a
88          >
89        </nav>
90        <div class="flex items-center space-x-4">
91          <a
92            href="tracking.html"
93            class="bg-primary text-white px-4 py-2 !rounded-button whitespace-nowrap hover:bg-primary/90 transition-colors btn-hover"
94            >Track Shipment</a
95          >
96          <div
97            class="md:hidden w-10 h-10 flex items-center justify-center cursor-pointer hover:text-primary transition-colors"
98            id="mobile-menu-button"
99          >
100            <i class="ri-menu-line ri-lg"></i>
101          </div>
102        </div>
103      </div>
104      <!-- Mobile Menu -->
105      <div
106        id="mobile-menu"
107        class="md:hidden hidden bg-white border-t transform origin-top transition-all duration-300"
108      >
109        <div class="container mx-auto px-4 py-3 flex flex-col space-y-3">
110          <a
111            href="index.html"
112            class="text-gray-700 font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
113            >Home</a
114          >
115          <a
116            href="services.html"
117            class="text-primary font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
118            >Services</a
119          >
120
121          <a
122            href="about.html"
123            class="text-gray-700 font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
124            >About Us</a
125          >
126          <a
127            href="tracking.html"
128            class="text-gray-700 font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
129            >Track Shipment</a
130          >
131          <a
132            href="sectors.html"
133            class="text-gray-700 font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
134            >Sectors</a
135          >
136          <a
137            href="careers.html"
138            class="text-gray-700 font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
139            >Careers</a
140          >
141          <a
142            href="contact.html"
143            class="text-gray-700 font-medium py-2 border-b border-gray-100 hover:pl-2 transition-all duration-300 gradient-border"
144            >Contact</a
145          >
146        </div>
147      </div>
148    </header>
149
150    <!-- Hero Section -->
151    <section
152      class="pt-32 pb-20 bg-gradient-to-r from-primary to-secondary/80 relative overflow-hidden"
153    >
154      <!-- Animated background elements -->
155      <div class="absolute top-0 left-0 w-full h-full overflow-hidden">
156        <div
157          class="absolute top-20 left-10 w-16 h-16 rounded-full bg-white/10 animate-float"
158        ></div>
159        <div
160          class="absolute top-1/3 right-20 w-24 h-24 rounded-full bg-white/5 animate-float-slow"
161        ></div>
162        <div
163          class="absolute bottom-1/4 left-1/4 w-20 h-20 rounded-full bg-white/7 animate-float"
164        ></div>
165        <div
166          class="absolute bottom-10 right-10 w-12 h-12 rounded-full bg-white/10 animate-float-slow"
167        ></div>
168      </div>
169
170      <div class="container mx-auto px-4 relative z-10">
171        <div
172          class="max-w-4xl mx-auto text-center"
173          data-aos="fade-up"
174          data-aos-duration="800"
175        >
176          <h1 class="text-4xl md:text-5xl font-bold text-white mb-6">
177            <span class="inline-block animate-pulse-slow">Comprehensive</span>
178            <span class="inline-block animate-bounce-slow">Logistics</span>
179            Solutions
180          </h1>
181          <p
182            class="text-xl text-white/90 mb-8"
183            data-aos="fade-up"
184            data-aos-delay="200"
185          >
186            Tailored services designed to meet your business needs with
187            precision and reliability
188          </p>
189          <div
190            class="flex justify-center space-x-4"
191            data-aos="fade-up"
192            data-aos-delay="400"
193          >
194            <a
195              href="sectors.html"
196              class="bg-white text-primary px-6 py-3 !rounded-button whitespace-nowrap font-medium hover:bg-gray-100 transition-colors btn-hover"
197              >Explore Sectors</a
198            >
199            <a
200              href="https://app.skynetexpressgh.com"
201              class="bg-secondary text-white px-6 py-3 !rounded-button whitespace-nowrap font-medium hover:bg-secondary/90 transition-colors btn-hover"
202              >Send a Parcel</a
203            >
204          </div>
205        </div>
206      </div>
207    </section>
208
209    <!-- Services Overview -->
210    <section id="services" class="py-16 bg-white">
211      <div class="container mx-auto px-4">
212        <div class="max-w-3xl mx-auto text-center mb-12" data-aos="fade-up">
213          <span class="text-sm font-medium text-primary mb-2 inline-block">
214            <span class="inline-block animate-bounce">
215              <i class="ri-star-fill mr-1"></i>
216              OUR SERVICES
217              <i class="ri-star-fill ml-1"></i>
218            </span>
219          </span>
220          <h2 class="text-3xl font-bold mb-4">
221            End-to-End <span class="text-gradient">Logistics Solutions</span>
222          </h2>
223          <p class="text-gray-600 text-justify">
224            From regional hubs to last-mile delivery, we provides comprehensive
225            logistics solutions that ensure your goods move swiftly and reliably
226            across every corner of Ghana.
227          </p>
228        </div>
229
230        <div class="mt-12">
231          <div class="flex flex-wrap justify-center gap-2 mb-8">
232            <button
233              onclick="changeServiceTab('pharma')"
234              class="tab-button active px-4 py-2 rounded-md font-medium text-sm bg-blue-100 text-gray-800"
235            >
236              <i class="fas fa-archive mr-2"></i> Parcel Delivery
237            </button>
238            <button
239              onclick="changeServiceTab('oil')"
240              class="tab-button px-4 py-2 rounded-md font-medium text-sm bg-gray-100 text-gray-800"
241            >
242              <i class="fas fa-truck mr-2"></i> Logistics
243            </button>
244            <button
245              onclick="changeServiceTab('supply')"
246              class="tab-button px-4 py-2 rounded-md font-medium text-sm bg-gray-100 text-gray-800"
247            >
248              <i class="fas fa-warehouse mr-2"></i> Distribution
249            </button>
250            <button
251              onclick="changeServiceTab('express')"
252              class="tab-button px-4 py-2 rounded-md font-medium text-sm bg-gray-100 text-gray-800"
253            >
254              <i class="fas fa-thermometer-empty mr-2"></i> Cold-chain
255              Transportation
256            </button>
257            <button
258              onclick="changeServiceTab('customs')"
259              class="tab-button px-4 py-2 rounded-md font-medium text-sm bg-gray-100 text-gray-800"
260            >
261              <i class="fas fa-file-text mr-2"></i> Document Delivery
262            </button>
263            <button
264              onclick="changeServiceTab('special')"
265              class="tab-button px-4 py-2 rounded-md font-medium text-sm bg-gray-100 text-gray-800"
266            >
267              <i class="fas fa-shopping-cart mr-2"></i> E-commerce Fulfillment
268            </button>
269            <button
270              onclick="changeServiceTab('legacy')"
271              class="tab-button px-4 py-2 rounded-md font-medium text-sm bg-gray-100 text-gray-800"
272            >
273              <i class="fas fa-code-branch mr-2"></i> Legacy API Integration
274            </button>
275          </div>
276
277          <!-- Tab Content -->
278          <div id="pharma-tab" class="service-tab">
279            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
280              <div>
281                <h3 class="text-2xl font-bold text-gray-900">
282                  PARCEL DELIVERY
283                </h3>
284                <p class="mt-4 text-gray-500 text-justify">
285                  With a robust network of 12 strategically located offices
286                  across Ghana, SkyNet Express ensures efficient, safe, and
287                  timely parcel pickup and delivery services throughout the
288                  country. Our extensive coverage allows us to meet the
289                  logistics needs of both individuals and businesses, regardless
290                  of location.
291                </p>
292                <p class="mt-4 text-gray-500 text-justify">
293                  We handle a wide variety of parcel types including:
294                </p>
295
296                <div class="mt-6">
297                  <ul class="space-y-4">
298                    <li class="flex items-start">
299                      <div class="flex-shrink-0">
300                        <i class="fas fa-check-circle text-green-500"></i>
301                      </div>
302                      <p class="ml-3 text-gray-700 text-justify">
303                        Corporate requisitions and office supplies
304                      </p>
305                    </li>
306                    <li class="flex items-start">
307                      <div class="flex-shrink-0">
308                        <i class="fas fa-check-circle text-green-500"></i>
309                      </div>
310                      <p class="ml-3 text-gray-700 text-justify">
311                        Spare parts and industrial equipment
312                      </p>
313                    </li>
314                    <li class="flex items-start">
315                      <div class="flex-shrink-0">
316                        <i class="fas fa-check-circle text-green-500"></i>
317                      </div>
318                      <p class="ml-3 text-gray-700 text-justify">
319                        Personal packages and gift items
320                      </p>
321                    </li>
322                    <li class="flex items-start">
323                      <div class="flex-shrink-0">
324                        <i class="fas fa-check-circle text-green-500"></i>
325                      </div>
326                      <p class="ml-3 text-gray-700 text-justify">
327                        Dangerous goods and temperature-controlled shipments
328                      </p>
329                    </li>
330                  </ul>
331                </div>
332                <div class="mt-8">
333                  <a
334                    href="contact.html"
335                    style="background-color: lch(51.11% 99.15 38.87)"
336                    class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
337                  >
338                    Get a Quote
339                    <i class="fas fa-arrow-right ml-2"></i>
340                  </a>
341                </div>
342              </div>
343              <div class="flex items-center justify-center">
344                <div class="relative w-full h-80 md:h-96">
345                  <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
346                  <img
347                    src="images/parcel.jpg"
348                    alt="Pharma logistics"
349                    class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
350                  />
351                </div>
352              </div>
353            </div>
354          </div>
355
356          <div id="oil-tab" class="service-tab hidden">
357            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
358              <div>
359                <h3 class="text-2xl font-bold text-gray-900">LOGISTICS</h3>
360                <p class="mt-4 text-gray-500 text-justify">
361                  SkyNet Express Ltd provides an efficient logistics solution
362                  that enables both businesses and individuals to transport bulk
363                  items across Ghana at competitive rates. With a strong
364                  nationwide network and reliable fleet, we ensure large-volume
365                  shipments such as business supplies, equipment, and personal
366                  goods are delivered safely and on time. Our logistics service
367                  is designed to support your distribution needs with
368                  affordability, convenience, and trusted service every step of
369                  the way.
370                  <br /><br />
371                  We offer:
372                </p>
373                <div class="mt-6">
374                  <ul class="space-y-4">
375                    <li class="flex items-start">
376                      <div class="flex-shrink-0">
377                        <i class="fas fa-check-circle text-green-500"></i>
378                      </div>
379                      <p class="ml-3 text-gray-700 text-justify">
380                        Intra-City Same Day Delivery: Swift delivery of bulk
381                        items within the same city on the day of dispatch.
382                      </p>
383                    </li>
384                    <li class="flex items-start">
385                      <div class="flex-shrink-0">
386                        <i class="fas fa-check-circle text-green-500"></i>
387                      </div>
388                      <p class="ml-3 text-gray-700 text-justify">
389                        Inter-City Next Day Delivery (Regional Capitals):
390                        Reliable next-day delivery of large shipments to all
391                        regional capitals across Ghana.
392                      </p>
393                    </li>
394                    <li class="flex items-start">
395                      <div class="flex-shrink-0">
396                        <i class="fas fa-check-circle text-green-500"></i>
397                      </div>
398                      <p class="ml-3 text-gray-700 text-justify">
399                        Inter-City Next Day Delivery (District Capitals):
400                        Efficient next-day service reaching major district
401                        capitals nationwide.
402                      </p>
403                    </li>
404                  </ul>
405                </div>
406                <div class="mt-8">
407                  <a
408                    href="contact.html"
409                    style="background-color: #f4050b"
410                    class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
411                  >
412                    Get a Quote
413                    <i class="fas fa-arrow-right ml-2"></i>
414                  </a>
415                </div>
416              </div>
417              <div class="flex items-center justify-center">
418                <div class="relative w-full h-80 md:h-96">
419                  <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
420                  <img
421                    src="images/logistics.jpg"
422                    alt="Oil and Gas Logistics"
423                    class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
424                  />
425                </div>
426              </div>
427            </div>
428          </div>
429
430          <div id="supply-tab" class="service-tab hidden">
431            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
432              <div>
433                <h3 class="text-2xl font-bold text-gray-900">DISTRIBUTION</h3>
434                <p class="mt-4 text-gray-500 text-justify">
435                  As many manufacturing and distribution companies choose to
436                  focus on their core operations, outsourcing transportation and
437                  distribution has become the preferred strategy. Skynet Express
438                  offers a reliable and flexible distribution solution for bulk
439                  items across Ghana. Our nationwide reach, timely delivery, and
440                  commitment to service excellence make us the trusted partner
441                  for businesses looking to streamline their supply chain and
442                  expand their reach without logistical burdens.
443                  <br /><br />
444                  We offer:
445                </p>
446                <div class="mt-6">
447                  <ul class="space-y-4">
448                    <li class="flex items-start">
449                      <div class="flex-shrink-0">
450                        <i class="fas fa-check-circle text-green-500"></i>
451                      </div>
452                      <p class="ml-3 text-gray-700 text-justify">
453                        Nationwide Coverage: Seamless delivery to all regions
454                        and districts across Ghana.
455                      </p>
456                    </li>
457                    <li class="flex items-start">
458                      <div class="flex-shrink-0">
459                        <i class="fas fa-check-circle text-green-500"></i>
460                      </div>
461                      <p class="ml-3 text-gray-700 text-justify">
462                        Dedicated Fleet: Reliable transportation of large-volume
463                        items with safety and efficiency.
464                      </p>
465                    </li>
466                    <li class="flex items-start">
467                      <div class="flex-shrink-0">
468                        <i class="fas fa-check-circle text-green-500"></i>
469                      </div>
470                      <p class="ml-3 text-gray-700 text-justify">
471                        Timely Fulfillment: Same-day delivery within cities and
472                        next-day delivery to regional and district capitals.
473                      </p>
474                    </li>
475                    <li class="flex items-start">
476                      <div class="flex-shrink-0">
477                        <i class="fas fa-check-circle text-green-500"></i>
478                      </div>
479                      <p class="ml-3 text-gray-700 text-justify">
480                        Flexible Solutions: Customized logistics support that
481                        adapts to your business needs.
482                      </p>
483                    </li>
484                    <li class="flex items-start">
485                      <div class="flex-shrink-0">
486                        <i class="fas fa-check-circle text-green-500"></i>
487                      </div>
488                      <p class="ml-3 text-gray-700 text-justify">
489                        End-to-End Service: From pick-up to final delivery, we
490                        handle your distribution process professionally.
491                      </p>
492                    </li>
493                    <li class="flex items-start">
494                      <div class="flex-shrink-0">
495                        <i class="fas fa-check-circle text-green-500"></i>
496                      </div>
497                      <p class="ml-3 text-gray-700 text-justify">
498                        Business-Focused: Designed to help companies optimize
499                        operations by outsourcing logistics.
500                      </p>
501                    </li>
502                  </ul>
503                </div>
504                <div class="mt-8">
505                  <a
506                    href="contact.html"
507                    style="background-color: #f4050b"
508                    class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
509                  >
510                    Get a Quote
511                    <i class="fas fa-arrow-right ml-2"></i>
512                  </a>
513                </div>
514              </div>
515              <div class="flex items-center justify-center">
516                <div class="relative w-full h-80 md:h-96">
517                  <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
518                  <img
519                    src="images/KIK_9114.jpg"
520                    alt="Automotive Logistics"
521                    class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
522                  />
523                </div>
524              </div>
525            </div>
526          </div>
527
528          <div id="express-tab" class="service-tab hidden">
529            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
530              <div>
531                <h3 class="text-2xl font-bold text-gray-900">
532                  COLD-CHAIN TRANSPORTATION
533                </h3>
534                <p class="mt-4 text-gray-500 text-justify">
535                  At SkyNet Express Ltd, we understand the critical importance
536                  of temperature-sensitive deliveries. Our Cold Chain Logistics
537                  Service is designed to ensure the safe, compliant, and timely
538                  transportation of perishable and temperature-controlled goods
539                  across Ghana.
540                  <br /><br />
541                  Whether you are in the pharmaceutical, food and beverage,
542                  agriculture, or healthcare industry, our service guarantees
543                  that your products maintain their required temperatures from
544                  pickup to delivery.
545                  <br /><br />
546                  We use specialized insulated containers, refrigerated
547                  vehicles, and real-time temperature monitoring to preserve
548                  product integrity throughout the journey. Our trained staff
549                  follow strict handling protocols and ensure regulatory
550                  compliance for both local and long-distance routes.
551                  <br /><br />
552                  We offer:
553                </p>
554                <div class="mt-6">
555                  <ul class="space-y-4">
556                    <li class="flex items-start">
557                      <div class="flex-shrink-0">
558                        <i class="fas fa-check-circle text-green-500"></i>
559                      </div>
560                      <p class="ml-3 text-gray-700 text-justify">
561                        Reliable Temperature Control: Maintain product freshness
562                        with consistent cooling from origin to destination.
563                      </p>
564                    </li>
565                    <li class="flex items-start">
566                      <div class="flex-shrink-0">
567                        <i class="fas fa-check-circle text-green-500"></i>
568                      </div>
569                      <p class="ml-3 text-gray-700 text-justify">
570                        Nationwide Coverage: Reach customers or facilities
571                        across Ghana with our extensive branch and delivery
572                        network.
573                      </p>
574                    </li>
575                    <li class="flex items-start">
576                      <div class="flex-shrink-0">
577                        <i class="fas fa-check-circle text-green-500"></i>
578                      </div>
579                      <p class="ml-3 text-gray-700 text-justify">
580                        Real-Time Tracking: Monitor your cold shipments in
581                        real-time for peace of mind and compliance.
582                      </p>
583                    </li>
584                    <li class="flex items-start">
585                      <div class="flex-shrink-0">
586                        <i class="fas fa-check-circle text-green-500"></i>
587                      </div>
588                      <p class="ml-3 text-gray-700 text-justify">
589                        Industry Expertise: Trusted by businesses in food,
590                        pharma, and health sectors for sensitive cargo handling.
591                      </p>
592                    </li>
593                    <li class="flex items-start">
594                      <div class="flex-shrink-0">
595                        <i class="fas fa-check-circle text-green-500"></i>
596                      </div>
597                      <p class="ml-3 text-gray-700 text-justify">
598                        Flexible Delivery Options: Choose from same-day,
599                        next-day, or scheduled services based on your needs.
600                      </p>
601                    </li>
602                  </ul>
603                </div>
604                <div class="mt-8">
605                  <a
606                    href="contact.html"
607                    style="background-color: #f4050b"
608                    class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
609                  >
610                    Get a Quote
611                    <i class="fas fa-arrow-right ml-2"></i>
612                  </a>
613                </div>
614              </div>
615              <div class="flex items-center justify-center">
616                <div class="relative w-full h-80 md:h-96">
617                  <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
618                  <img
619                    src="images/KIK_9167.jpg"
620                    alt="Telecommunication Logistics"
621                    class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
622                  />
623                </div>
624              </div>
625            </div>
626          </div>
627
628          <div id="customs-tab" class="service-tab hidden">
629            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
630              <div>
631                <h3 class="text-2xl font-bold text-gray-900">
632                  DOCUMENT DELIVERY
633                </h3>
634                <p class="mt-4 text-gray-500 text-justify">
635                  SkyNet Express Ltd offers fast and secure document delivery
636                  for individuals and businesses across Ghana. Ideal for
637                  time-sensitive paperwork—like legal documents, contracts, and
638                  certificates—our service ensures reliable same-day or next-day
639                  delivery. With a skilled team and a fleet of motorbikes and
640                  compact vehicles, we navigate busy cities like Accra, Kumasi,
641                  and Takoradi efficiently. Trust us for confidential, prompt,
642                  and professional document handling every time.
643                  <br /><br />
644                  We offer:
645                </p>
646
647                <div class="mt-6">
648                  <ul class="space-y-4">
649                    <li class="flex items-start">
650                      <div class="flex-shrink-0">
651                        <i class="fas fa-check-circle text-green-500"></i>
652                      </div>
653                      <p class="ml-3 text-gray-700 text-justify">
654                        Time-Definite Delivery: Guaranteed on-time delivery for
655                        urgent and sensitive documents.
656                      </p>
657                    </li>
658                    <li class="flex items-start">
659                      <div class="flex-shrink-0">
660                        <i class="fas fa-check-circle text-green-500"></i>
661                      </div>
662                      <p class="ml-3 text-gray-700 text-justify">
663                        Optimized for Urban Areas: Efficient operations in busy
664                        cities like Accra and Kumasi using agile transport
665                        solutions.
666                      </p>
667                    </li>
668                    <li class="flex items-start">
669                      <div class="flex-shrink-0">
670                        <i class="fas fa-check-circle text-green-500"></i>
671                      </div>
672                      <p class="ml-3 text-gray-700 text-justify">
673                        Secure Handling: Your confidential documents are
674                        delivered with the highest standards of security and
675                        professionalism.
676                      </p>
677                    </li>
678                    <li class="flex items-start">
679                      <div class="flex-shrink-0">
680                        <i class="fas fa-check-circle text-green-500"></i>
681                      </div>
682                      <p class="ml-3 text-gray-700 text-justify">
683                        Flexible Options: Choose from same-day, next-d
683ay, or
684                        scheduled deliveries based on your needs.
685                      </p>
686                    </li>
687                    <li class="flex items-start">
688                      <div class="flex-shrink-0">
689                        <i class="fas fa-check-circle text-green-500"></i>
690                      </div>
691                      <p class="ml-3 text-gray-700 text-justify">
692                        Corporate Friendly: Ideal for law firms, banks,
693                        educational institutions, and government agencies
694                        needing reliable delivery.
695                      </p>
696                    </li>
697                  </ul>
698                </div>
699                <div class="mt-8">
700                  <a
701                    href="contact.html"
702                    style="background-color: #f4050b"
703                    class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
704                  >
705                    Get a Quote
706                    <i class="fas fa-arrow-right ml-2"></i>
707                  </a>
708                </div>
709              </div>
710              <div class="flex items-center justify-center">
711                <div class="relative w-full h-80 md:h-96">
712                  <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
713                  <img
714                    src="images/doc1.jpg"
715                    alt="Agricultural Logistics"
716                    class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
717                  />
718                </div>
719              </div>
720            </div>
721          </div>
722
723          <div id="special-tab" class="service-tab hidden">
724            <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
725              <div>
726                <h3 class="text-2xl font-bold text-gray-900">
727                  E-COMMERCE FULFILLMENT
728                </h3>
729                <p class="mt-4 text-gray-500 text-justify">
730                  SkyNet Express Ltd offers a comprehensive E-commerce Logistics
731                  Solution designed to support online retailers and digital
732                  vendors with fast, secure, and scalable delivery services
733                  across Ghana.
734                  <br /><br />
735                  Whether you're a small business owner, an online marketplace,
736                  or a large-scale e-commerce platform, our tailored logistics
737                  service ensures that your customers receive their orders
738                  quickly, reliably, and with a great delivery experience.
739                  <br /><br />
740                  From inventory pickup to last-mile delivery, we handle every
741                  stage of the fulfillment process, allowing you to focus on
742                  sales while we manage the logistics.
743                </p>
744                <div class="mt-6">
745                  <ul class="space-y-4">
746                    <li class="flex items-start">
747                      <div class="flex-shrink-0">
748                        <i class="fas fa-check-circle text-green-500"></i>
749                      </div>
750                      <p class="ml-3 text-gray-700 text-justify">
751                        Nationwide Coverage: Reach customers across Ghana with
752                        our 12-branch delivery network.
753                      </p>
754                    </li>
755                    <li class="flex items-start">
756                      <div class="flex-shrink-0">
757                        <i class="fas fa-check-circle text-green-500"></i>
758                      </div>
759                      <p class="ml-3 text-gray-700 text-justify">
760                        Fast Turnaround Times: Enjoy same-day delivery in major
761                        cities and next-day service to other regions.
762                      </p>
763                    </li>
764                    <li class="flex items-start">
765                      <div class="flex-shrink-0">
766                        <i class="fas fa-check-circle text-green-500"></i>
767                      </div>
768                      <p class="ml-3 text-gray-700 text-justify">
769                        Real-Time Tracking: Both you and your customers can
770                        track orders in real time.
771                      </p>
772                    </li>
773                    <li class="flex items-start">
774                      <div class="flex-shrink-0">
775                        <i class="fas fa-check-circle text-green-500"></i>
776                      </div>
777                      <p class="ml-3 text-gray-700 text-justify">
778                        Secure Handling: Safe delivery of parcels—from fashion
779                        and gadgets to beauty and household items.
780                      </p>
781                    </li>
782                  </ul>
783                </div>
784                <div class="mt-8">
785                  <a
786                    href="contact.html"
787                    style="background-color: #f4050b"
788                    class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
789                  >
790                    Get a Quote
791                    <i class="fas fa-arrow-right ml-2"></i>
792                  </a>
793                </div>
794              </div>
795              <div class="flex items-center justify-center">
796                <div class="relative w-full h-80 md:h-96">
797                  <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
798                  <img
799                    src="images/econ.webp"
800                    alt="E-Commerce Logistics"
801                    class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
802                  />
803                </div>
804              </div>
805            </div>
806          </div>
807          
808          <div id="legacy-tab" class="service-tab hidden">
809  <div class="grid grid-cols-1 gap-8 md:grid-cols-2">
810    <div>
811      <h3 class="text-2xl font-bold text-gray-900">LEGACY SYSTEM API INTEGRATION</h3>
812      <p class="mt-4 text-gray-500 text-justify">
813        SkyNet Express Ltd provides a professional API integration solution that enables businesses to 
813seamlessly connect their systems with our legacy delivery infrastructure.
814        <br /><br />
815        Our solution allows organizations to manage deliveries efficiently without the need to oversee underlying technical delivery processes. All operational complexities are handled by our team.
816      </p>
817      <!--<div class="mt-6">-->
818      <!--  <ul class="space-y-4">-->
819      <!--    <li class="flex items-start">-->
820      <!--      <div class="flex-shrink-0">-->
821      <!--        <i class="fas fa-check-circle text-green-500"></i>-->
822      <!--      </div>-->
823      <!--      <p class="ml-3 text-gray-700 text-justify">-->
824      <!--        Seamless Connectivity: Integrate legacy ERP, CRM, or warehouse-->
825      <!--        systems with modern RESTful APIs.-->
826      <!--      </p>-->
827      <!--    </li>-->
828      <!--    <li class="flex items-start">-->
829      <!--      <div class="flex-shrink-0">-->
830      <!--        <i class="fas fa-check-circle text-green-500"></i>-->
831      <!--      </div>-->
832      <!--      <p class="ml-3 text-gray-700 text-justify">-->
833      <!--        Fast Data Transformation: Convert legacy data formats (XML, CSV,-->
834      <!--        SOAP) into JSON for modern applications.-->
835      <!--      </p>-->
836      <!--    </li>-->
837      <!--    <li class="flex items-start">-->
838      <!--      <div class="flex-shrink-0">-->
839      <!--        <i class="fas fa-check-circle text-green-500"></i>-->
840      <!--      </div>-->
841      <!--      <p class="ml-3 text-gray-700 text-justify">-->
842      <!--        Real-Time Synchronization: Both your legacy and new systems stay-->
843      <!--        updated with real-time data sync.-->
844      <!--      </p>-->
845      <!--    </li>-->
846      <!--    <li class="flex items-start">-->
847      <!--      <div class="flex-shrink-0">-->
848      <!--        <i class="fas fa-check-circle text-green-500"></i>-->
849      <!--      </div>-->
850      <!--      <p class="ml-3 text-gray-700 text-justify">-->
851      <!--        Secure Handling: Encrypted API calls, authentication tokens, and-->
852      <!--        audit logs for all data exchanges.-->
853      <!--      </p>-->
854      <!--    </li>-->
855      <!--  </ul>-->
856      <!--</div>-->
857      <div class="mt-8">
858        <a
859          href="contact.html"
860          style="background-color: #f4050b"
861          class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white hover:bg-red-700"
862        >
863          Get a Quote
864          <i class="fas fa-plug ml-2"></i>
865        </a>
866      </div>
867    </div>
868    <div class="flex items-center justify-center">
869      <div class="relative w-full h-80 md:h-96">
870        <div class="absolute inset-0 bg-blue-100 rounded-xl"></div>
871        <img
872          src="images/API.png"
873          alt="API Integration"
874          class="absolute top-4 left-4 w-full h-full object-cover rounded-xl shadow-lg transform rotate-1"
875        />
876      </div>
877    </div>
878  </div>
879</div>
880        </div>
881      </div>
882    </section>
883
884    <!-- Service Features -->
885    <section class="py-16 bg-gray-50">
886      <div class="container mx-auto px-4">
887        <div class="max-w-3xl mx-auto text-center mb-12" data-aos="fade-up">
888          <span class="text-sm font-medium text-primary mb-2 inline-block">
889            <span class="inline-block animate-bounce">
890              <i class="ri-medal-fill mr-1"></i>
891              WHY CHOOSE US
892              <i class="ri-medal-fill ml-1"></i>
893            </span>
894          </span>
895          <h2 class="text-3xl font-bold mb-4">
896            Our <span class="text-gradient">Service Advantages</span>
897          </h2>
898          <p class="text-gray-600">
899            At SkyNet Express Ltd, we combine local insight with innovation to
900            deliver reliable, efficient, and affordable courier and logistics
901            solutions across Ghana.
902          </p>
903        </div>
904        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
905          <!-- Feature 1 -->
906          <div
907            class="bg-white p-8 rounded-lg shadow-md service-feature card-hover"
908            data-aos="fade-up"
909            data-aos-delay="100"
910          >
911            <div
912              class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mb-6 service-icon"
913            >
914              <i class="ri-map-pin-line ri-2x text-primary"></i>
915            </div>
916            <h3 class="text-xl font-semibold mb-3">Nationwide Coverage</h3>
917            <p class="text-gray-600">
918              With 12 strategically located branches, we provide fast and
919              dependable delivery services to every corner of Ghana.
920            </p>
921          </div>
922          <!-- Feature 2 -->
923          <div
924            class="bg-white p-8 rounded-lg shadow-md service-feature card-hover"
925            data-aos="fade-up"
926            data-aos-delay="200"
927          >
928            <div
929              class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mb-6 service-icon"
930            >
931              <i class="ri-lock-2-line ri-2x text-primary"></i>
932            </div>
933            <h3 class="text-xl font-semibold mb-3">Secure Handling</h3>
934            <p class="text-gray-600">
935              From sensitive documents to valuable parcels, we prioritize
936              security and confidentiality in every delivery.
937            </p>
938          </div>
939          <!-- Feature 3 -->
940          <div
941            class="bg-white p-8 rounded-lg shadow-md service-feature card-hover"
942            data-aos="fade-up"
943            data-aos-delay="300"
944          >
945            <div
946              class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mb-6 service-icon"
947            >
948              <i class="ri-smartphone-line ri-2x text-primary"></i>
949            </div>
950            <h3 class="text-xl font-semibold mb-3">Real-Time Tracking</h3>
951            <p class="text-gray-600">
952              Our digital tracking tools let customers monitor deliveries in
953              real time—from dispatch to drop-off.
954            </p>
955          </div>
956          <!-- Feature 4 -->
957          <div
958            class="bg-white p-8 rounded-lg shadow-md service-feature card-hover"
959            data-aos="fade-up"
960            data-aos-delay="400"
961          >
962            <div
963              class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mb-6 service-icon"
964            >
965              <i class="ri-time-line ri-2x text-primary"></i>
966            </div>
967            <h3 class="text-xl font-semibold mb-3">Reliable Delivery Times</h3>
968            <p class="text-gray-600">
969              Enjoy same-day and next-day delivery options for intra-city and
970              inter-city shipments.
971            </p>
972          </div>
973          <!-- Feature 5 -->
974          <div
975            class="bg-white p-8 rounded-lg shadow-md service-feature card-hover"
976            data-aos="fade-up"
977            data-aos-delay="500"
978          >
979            <div
980              class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mb-6 service-icon"
981            >
982              <i class="ri-money-dollar-box-line ri-2x text-primary"></i>
983            </div>
984            <h3 class="text-xl font-semibold mb-3">Affordable Rates</h3>
985            <p class="text-gray-600">
986              We offer competitive pricing without compromising the speed,
987              safety, or reliability of your deliveries.
988            </p>
989          </div>
990          <!-- Feature 6 -->
991          <div
992            class="bg-white p-8 rounded-lg shadow-md service-feature card-hover"
993            data-aos="fade-up"
994            data-aos-delay="600"
995          >
996            <div
997              class="w-14 h-14 bg-primary/10 rounded-lg flex items-center justify-center mb-6 service-icon"
998            >
999              <i class="ri-team-line ri-2x text-primary"></i>
1000            </div>
1001            <h3 class="text-xl font-semibold mb-3">
1002              Dedicated Customer Support
1003            </h3>
1004            <p class="text-gray-600">
1005              Our professional team is always ready to assist with shipment
1006              inquiries, special requests, and service needs.
1007            </p>
1008          </div>
1009        </div>
1010      </div>
1011    </section>
1012
1013    <!-- Stats Section -->
1014    <section class="py-16 bg-primary/5">
1015      <div class="container mx-auto px-4">
1016        <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
1017          <!-- Stat 1 -->
1018          <div
1019            class="bg-white p-6 rounded-lg shadow-md text-center"
1020            data-aos="fade-up"
1021            data-aos-delay="100"
1022          >
1023            <div
1024              class="text-4xl font-bold text-primary mb-2 count-up"
1025              data-count="16"
1026            >
1027              0
1028            </div>
1029            <div class="text-gray-600">Regions Served</div>
1030          </div>
1031          <!-- Stat 2 -->
1032          <div
1033            class="bg-white p-6 rounded-lg shadow-md text-center"
1034            data-aos="fade-up"
1035            data-aos-delay="200"
1036          >
1037            <div
1038              class="text-4xl font-bold text-primary mb-2 count-up"
1039              data-count="250"
1040            >
1041              0
1042            </div>
1043            <div class="text-gray-600">Daily Shipments</div>
1044          </div>
1045          <!-- Stat 3 -->
1046          <div
1047            class="bg-white p-6 rounded-lg shadow-md text-center"
1048            data-aos="fade-up"
1049            data-aos-delay="300"
1050          >
1051            <div
1052              class="text-4xl font-bold text-primary mb-2 count-up"
1053              data-count="98"
1054            >
1055              0
1056            </div>
1057            <div class="text-gray-600">On-Time Delivery Rate</div>
1058          </div>
1059          <!-- Stat 4 -->
1060          <div
1061            class="bg-white p-6 rounded-lg shadow-md text-center"
1062            data-aos="fade-up"
1063            data-aos-delay="400"
1064          >
1065            <div
1066              class="text-4xl font-bold text-primary mb-2 count-up"
1067              data-count="18"
1068            >
1069              0
1070            </div>
1071            <div class="text-gray-600">Years of Experience</div>
1072          </div>
1073        </div>
1074      </div>
1075    </section>
1076
1077    <!-- CTA Section -->
1078    <section
1079      class="py-16 bg-gradient-to-r from-primary to-secondary relative overflow-hidden"
1080    >
1081      <!-- Animated background elements -->
1082      <div class="absolute top-0 left-0 w-full h-full overflow-hidden">
1083        <div
1084          class="absolute top-20 left-10 w-16 h-16 rounded-full bg-white/10 animate-float"
1085        ></div>
1086        <div
1087          class="absolute top-1/3 right-20 w-24 h-24 rounded-full bg-white/5 animate-float-slow"
1088        ></div>
1089        <div
1090          class="absolute bottom-1/4 left-1/4 w-20 h-20 rounded-full bg-white/7 animate-float"
1091        ></div>
1092        <div
1093          class="absolute bottom-10 right-10 w-12 h-12 rounded-full bg-white/10 animate-float-slow"
1094        ></div>
1095      </div>
1096
1097      <div class="container mx-auto px-4 relative z-10">
1098        <div class="max-w-4xl mx-auto text-center" data-aos="zoom-in">
1099          <h2 class="text-3xl font-bold text-white mb-6">
1100            Ready to
1101            <span class="inline-block animate-bounce">Optimize</span> Your
1102            Logistics?
1103          </h2>
1104          <p class="text-white/90 mb-8">
1105            Our logistics experts are standing by to analyze your current
1106            operations and recommend the most efficient solutions for your
1107            business.
1108          </p>
1109          <div class="flex flex-wrap justify-center gap-4">
1110            <a
1111              href="contact.html"
1112              class="bg-white text-primary px-8 py-4 !rounded-button whitespace-nowrap font-medium hover:bg-gray-100 transition-colors btn-hover"
1113              >Get a Quote</a
1114            >
1115            <a
1116              href="tel:+15551234567"
1117              class="bg-transparent border-2 border-white text-white px-8 py-4 !rounded-button whitespace-nowrap font-medium hover:bg-white/10 transition-colors btn-hover"
1118            >
1119              <i class="ri-phone-line mr-2"></i> Call Us Now
1120            </a>
1121          </div>
1122        </div>
1123      </div>
1124    </section>
1125
1126    <!-- Partners Section -->
1127    <section class="py-12 bg-white">
1128      <div class="container mx-auto px-4">
1129        <div class="max-w-3xl mx-auto text-center mb-8" data-aos="fade-up">
1130          <h3 class="text-xl font-semibold text-gray-600">
1131            Trusted by industry leaders worldwide
1132          </h3>
1133        </div>
1134
1135        <!-- Swiper -->
1136        <div class="swiper mySwiper" data-aos="fade-up">
1137          <div class="swiper-wrapper">
1138            <div class="swiper-slide flex justify-center">
1139              <img
1140                src="images/p1.jpg"
1141                alt="engen"
1142                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1143              />
1144            </div>
1145            <div class="swiper-slide flex justify-center">
1146              <img
1147                src="images/p2.jpg"
1148                alt="decathlon"
1149                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1150              />
1151            </div>
1152            <div class="swiper-slide flex justify-center">
1153              <img
1154                src="images/p3.jpg"
1155                alt="japanmotors"
1156                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1157              />
1158            </div>
1159            <div class="swiper-slide flex justify-center">
1160              <img
1161                src="images/p4.jpg"
1162                alt="Movenpic"
1163                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1164              />
1165            </div>
1166            <div class="swiper-slide flex justify-center">
1167              <img
1168                src="images/p5.jpg"
1169                alt="pwc"
1170                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1171              />
1172            </div>
1173            <div class="swiper-slide flex justify-center">
1174              <img
1175                src="images/p6.jpg"
1176                alt="AT"
1177                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1178              />
1179            </div>
1180            <div class="swiper-slide flex justify-center">
1181              <img
1182                src="images/p7.jpg"
1183                alt="CFAO"
1184                class="h-100 opacity-80 hover:opacity-100 transition-opacity"
1185              />
1186            </div>
1187          </div>
1188        </div>
1189      </div>
1190    </section>
1191
1192    <!-- Footer -->
1193    <footer class="bg-gray-900 text-white pt-16 pb-8 animate-fade-in">
1194      <div class="container mx-auto px-4">
1195        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
1196          <div data-aos="fade-up" data-aos-delay="100">
1197            <a href="index.html" class="inline-block mb-6 hover-grow">
1198              <img
1199                src="images/logo_white.png"
1200                alt="FastTrack Logistics Logo"
1201                class="h-10 w-auto"
1202              />
1203            </a>
1204            <p class="text-gray-400 mb-6">
1205              Your reliable logistics and courier partner across Ghana and
1206              beyond. From parcel delivery to full-scale logistics solutions, we
1207              connect businesses and customers with speed and care.
1208            </p>
1209            <div class="flex space-x-4">
1210              <a
1211                href="https://www.facebook.com/skynetexpresgh?mibextid=LQQJ4d"
1212                class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors duration-300 hover:-translate-y-1"
1213              >
1214                <i class="ri-facebook-fill"></i>
1215              </a>
1216              <!-- <a
1217                href="#"
1218                class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors duration-300 hover:-translate-y-1"
1219              >
1220                <i class="ri-twitter-x-fill"></i>
1221              </a> -->
1222              <!-- <a
1223                href="#"
1224                class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors duration-300 hover:-translate-y-1"
1225              >
1226                <i class="ri-linkedin-fill"></i>
1227              </a> -->
1228              <a
1229                href="https://instagram.com/skynetexpressgh?igshid=YTY2NzY3YTc="
1230                class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-primary transition-colors duration-300 hover:-translate-y-1"
1231              >
1232                <i class="ri-instagram-fill"></i>
1233              </a>
1234            </div>
1235          </div>
1236          <div data-aos="fade-up" data-aos-delay="200">
1237            <h4 class="text-lg font-semibold mb-6">Quick Links</h4>
1238            <ul class="space-y-3">
1239              <li>
1240                <a
1241                  href="index.html"
1242                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1243                >
1244                  <i
1245                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1246                  ></i>
1247                  Home
1248                </a>
1249              </li>
1250              <li>
1251                <a
1252                  href="services.html"
1253                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1254                >
1255                  <i
1256                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1257                  ></i>
1258                  Services
1259                </a>
1260              </li>
1261              <li>
1262                <a
1263                  href="about.html"
1264                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1265                >
1266                  <i
1267                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1268                  ></i>
1269                  About Us
1270                </a>
1271              </li>
1272
1273              <li>
1274                <a
1275                  href="tracking.html"
1276                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1277                >
1278                  <i
1279                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1280                  ></i>
1281                  Track Shipment
1282                </a>
1283              </li>
1284              <li>
1285                <a
1286                  href="sectors.html"
1287                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1288                >
1289                  <i
1290                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1291                  ></i>
1292                  Sectors
1293                </a>
1294              </li>
1295              <li>
1296                <a
1297                  href="careers.html"
1298                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1299                >
1300                  <i
1301                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1302                  ></i>
1303                  Careers
1304                </a>
1305              </li>
1306              <li>
1307                <a
1308                  href="contact.html"
1309                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1310                >
1311                  <i
1312                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1313                  ></i>
1314                  Contact Us
1315                </a>
1316              </li>
1317            </ul>
1318          </div>
1319          <div data-aos="fade-up" data-aos-delay="300">
1320            <h4 class="text-lg font-semibold mb-6">Our Services</h4>
1321            <ul class="space-y-3">
1322              <li>
1323                <a
1324                  href="services.html"
1325                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1326                >
1327                  <i
1328                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1329                  ></i>
1330                  Parcel Delivery
1331                </a>
1332              </li>
1333              <li>
1334                <a
1335                  href="services.html"
1336                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1337                >
1338                  <i
1339                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1340                  ></i>
1341                  Logistics
1342                </a>
1343              </li>
1344              <li>
1345                <a
1346                  href="services.html"
1347                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1348                >
1349                  <i
1350                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1351                  ></i>
1352                  Distribution
1353                </a>
1354              </li>
1355              <li>
1356                <a
1357                  href="services.html"
1358                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1359                >
1360                  <i
1361                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1362                  ></i>
1363                  Cold Chain Transportation
1364                </a>
1365              </li>
1366              <li>
1367                <a
1368                  href="services.html"
1369                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1370                >
1371                  <i
1372                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1373                  ></i>
1374                  Document Delivery
1375                </a>
1376              </li>
1377              <li>
1378                <a
1379                  href="services.html"
1380                  class="text-gray-400 hover:text-white transition-colors duration-300 inline-flex items-center group"
1381                >
1382                  <i
1383                    class="ri-arrow-right-s-line mr-2 text-primary group-hover:translate-x-1 transition-transform"
1384                  ></i>
1385                  E-Commerce Fulfillment
1386                </a>
1387              </li>
1388            </ul>
1389          </div>
1390          <div data-aos="fade-up" data-aos-delay="400">
1391            <h4 class="text-lg font-semibold mb-6">Newsletter</h4>
1392            <p class="text-gray-400 mb-4">
1393              Subscribe to our newsletter for the latest updates and offers.
1394            </p>
1395            <form class="mb-4">
1396              <div class="flex">
1397                <input
1398                  type="email"
1399                  placeholder="Your email address"
1400                  class="flex-grow px-4 py-2 bg-gray-800 border border-gray-700 rounded-l focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm text-white"
1401                  required
1402                />
1403                <button
1404                  type="submit"
1405                  class="bg-primary text-white px-4 py-2 !rounded-r-button whitespace-nowrap font-medium hover:bg-primary/90 transition-colors btn-hover"
1406                >
1407                  Subscribe
1408                </button>
1409              </div>
1410            </form>
1411          </div>
1412        </div>
1413        <div class="border-t border-gray-800 pt-8">
1414          <div class="flex flex-col md:flex-row justify-between items-center">
1415            <p class="text-gray-400 text-sm mb-4 md:mb-0">
1416              &copy; 2025 SkyNet Express Ltd. All rights reserved.
1417            </p>
1418          </div>
1419        </div>
1420      </div>
1421    </footer>
1422
1423    
1423<script>
1424      // Initialize AOS animation library
1425      AOS.init({
1426        duration: 800,
1427        easing: "ease-in-out",
1428        once: false,
1429        mirror: true,
1430      });
1431
1432      // Mobile menu toggle
1433      const mobileMenuButton = document.getElementById("mobile-menu-button");
1434      const mobileMenu = document.getElementById("mobile-menu");
1435
1436      if (mobileMenuButton && mobileMenu) {
1437        mobileMenuButton.addEventListener("click", () => {
1438          mobileMenu.classList.toggle("hidden");
1439        });
1440      }
1441
1442      // Smooth scrolling for anchor links
1443      document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
1444        anchor.addEventListener("click", function (e) {
1445          e.preventDefault();
1446
1447          const targetId = this.getAttribute("href");
1448          if (targetId === "#") return;
1449
1450          const targetElement = document.querySelector(targetId);
1451          if (targetElement) {
1452            const header = document.querySelector("header");
1453            const headerHeight = header ? header.offsetHeight : 0;
1454            const targetPosition =
1455              targetElement.getBoundingClientRect().top +
1456              window.pageYOffset -
1457              headerHeight;
1458
1459            window.scrollTo({
1460              top: targetPosition,
1461              behavior: "smooth",
1462            });
1463
1464            // Close mobile menu if open
1465            if (mobileMenu && !mobileMenu.classList.contains("hidden")) {
1466              mobileMenu.classList.add("hidden");
1467            }
1468          }
1469        });
1470      });
1471
1472      // Count up animation for stats
1473      const countUpElements = document.querySelectorAll(".count-up");
1474
1475      const animateCountUp = () => {
1476        countUpElements.forEach((element) => {
1477          const target = parseInt(element.getAttribute("data-count"));
1478          const duration = 2000;
1479          const increment = target / (duration / 16);
1480          let current = 0;
1481
1482          const timer = setInterval(() => {
1483            current += increment;
1484            if (current >= target) {
1485              clearInterval(timer);
1486              current = target;
1487            }
1488            element.textContent = Math.floor(current);
1489          }, 16);
1490        });
1491      };
1492
1493      // Trigger count up when elements are in view
1494      const observer = new IntersectionObserver(
1495        (entries) => {
1496          entries.forEach((entry) => {
1497            if (entry.isIntersecting) {
1498              animateCountUp();
1499              observer.unobserve(entry.target);
1500            }
1501          });
1502        },
1503        { threshold: 0.5 }
1504      );
1505
1506      countUpElements.forEach((element) => {
1507        observer.observe(element);
1508      });
1509    </script>
1509
1510
1511    <!-- Chatbot Container -->
1512    <div
1513      id="chatbot-container"
1514      class="fixed bottom-4 right-4 w-80 max-w-full hidden z-50 animate-fade-slide-in"
1515    >
1516      <div class="bg-white shadow-xl rounded-lg overflow-hidden">
1517        <!-- Header -->
1518        <div
1519          class="bg-blue-600 bg-gradient-to-r from-primary to-secondary/80 text-white px-4 py-2 flex justify-between items-center"
1520        >
1521          <span>Chat with us</span>
1522          <button
1523            onclick="toggleChatbot()"
1524            class="text-white hover:text-gray-300 hover-rotate"
1525          >
1526            ✕
1527          </button>
1528        </div>
1529
1530        <!-- Chat Window -->
1531        <div
1532          id="chat-window"
1533          class="p-4 h-80 overflow-y-auto space-y-2 text-sm bg-gray-50"
1534        >
1535          <div class="text-gray-600">
1536            👋 Akwaaba! How can I assist you today?
1537          </div>
1538        </div>
1539
1540        <!-- Input -->
1541        <div class="p-2 bg-white flex items-center border-t">
1542          <input
1543            id="chat-input"
1544            type="text"
1545            placeholder="Type your message..."
1546            class="flex-grow px-3 py-2 border rounded-l-md focus:outline-none"
1547          />
1548          <button
1549            onclick="sendMessage()"
1550            class="bg-blue-600 bg-gradient-to-r from-primary to-secondary/80 text-white px-4 py-2 rounded-r-md hover:bg-blue-700 btn-hover"
1551          >
1552            Send
1553          </button>
1554        </div>
1555      </div>
1556    </div>
1557
1558    <!-- Floating Toggle Button -->
1559    <div
1560      id="chatbot-toggle"
1561      class="fixed bottom-4 right-4 z-60 transition-all duration-300"
1562    >
1563      <button
1564        onclick="toggleChatbot()"
1565        class="w-14 h-14 bg-gradient-to-r from-primary to-secondary/80 text-white rounded-full shadow-lg flex items-center justify-center hover:bg-red-800 transition-all animate-pulse-slow hover-grow"
1566      >
1567        <i class="ri-chat-3-line text-xl"></i>
1568      </button>
1569    </div>
1570
1571    
1571<script>
1572      // Listen for Enter key on input field
1573      document
1574        .getElementById("chat-input")
1575        .addEventListener("keypress", function (e) {
1576          if (e.key === "Enter") {
1577            e.preventDefault();
1578            sendMessage(); // Call the same function as the send button
1579          }
1580        });
1581    </script>
1581
1582
1583    
1583<script src="js/chatbot.js"></script>
1583
1584    
1584<script src="js/oursectors.js"></script>
1584
1585    
1585<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1585
1586    
1586<script src="js/swipper.js"></script>
1586
1587  </body>
1588</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.