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 © 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.