<?php
$parcel = new Parcel($pdo);
$review = new Review($pdo);
$stats = $parcel->getStats();
$featured_reviews = $review->getFeatured(6);
?>

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="utf-g">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="description"
      content="TransHub is a modern Transport & Logistics HTML template for shipping, freight, trucking, courier and supply-chain businesses. Clean, responsive design for logistics companies, warehousing, delivery services and transport operators.">
   <meta name="keywords"
      content="transport, logistics, shipping, freight, courier, supply chain, trucking, delivery, warehouse, cargo, transport company, responsive template">
   <meta name="author" content="theme-village">
   <title>Routex Shipping - Fast, Reliable & Global Shipping Solutions</title>
   <link rel="apple-touch-icon" href="/routex/images/favicon.png">
   <link rel="shortcut icon" href="/routex/images/favicon.ico">
     <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <!-- Google Fonts -->
   <link rel="preconnect" href="https://fonts.googleapis.com/">
   <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
   <link
      href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;family=Rethink+Sans:ital,wght@0,400..800;1,400..800&amp;display=swap"
      rel="stylesheet">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <!-- CSS Files -->
   <link rel="stylesheet" href="/routex/css/bootstrap.min.css">
   <link rel="stylesheet" href="/routex/css/fancybox.css">
   <link rel="stylesheet" href="/routex/css/swiper-bundle.min.css">
   <link rel="stylesheet" href="/routex/css/all.min.css">
   <link rel="stylesheet" href="/routex/css/jarallax.min.css">
   <link rel="stylesheet" href="/routex/css/nice-select.css">
   <link rel="stylesheet" href="/routex/css/jquery.datepicker.css">
   <link rel="stylesheet" href="/routex/css/jquery.timepicker.min.css">
   <!-- Style CSS -->
   <link rel="stylesheet" href="/routex/css/style.css">
</head>

<body>
   <div class="main-overlay"></div>
   <div id="preloader">
      <div class="preloader">
         <span></span>
         <span></span>
      </div>
   </div>

   <!-- Canvas Menu Start -->
   <div class="canvas-menu d-flex flex-column">
      <div class="d-flex justify-content-between w-100 mb-4">
         <!-- Logo Here -->
         <div class="logo">
            <img src="/routex/images/routex-logo.png" alt="Logo">
         </div>
         <button type="button" class="canvas-close" aria-label="Close">
            <svg width="33" height="34" viewBox="0 0 37 38" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M9.19141 9.80762L27.5762 28.1924" stroke="currentColor" stroke-width="1.5"
                  stroke-linecap="round" stroke-linejoin="round"></path>
               <path d="M9.19141 28.1924L27.5762 9.80761" stroke="currentColor" stroke-width="1.5"
                  stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
         </button>
      </div>
      <p>We are a reliable transport agency providing safe and timely logistics solutions.
         Our services cover local and long-distance transportation needs.</p>
      <div class="mt-3">
         <h5>Our Services</h5>
         <nav class="mt-4">
         </nav>
      </div>
      <div class="social-share null mt-3">
      </div>
      <a href="quote.html" class="btn btn-primary mt-5"> Get a Quote <i class="fa fa-arrow-right"></i><span></span></a>
   </div>
   <div class="search-popup offcanvas offcanvas-top" id="offcanvas-search" data-bs-scroll="true">
      <div class="container d-flex flex-row py-5 align-items-center position-relative">
         <button type="button" class="btn-close bg-primary rounded-5" data-bs-dismiss="offcanvas"
            aria-label="Close"></button>
         <div class="col-lg-9 mx-auto">
            <form class="search-form w-100 mb-5">
               <input id="search-form" type="text" class="form-control shadow-1"
                  placeholder="Type keyword and hit enter">
            </form>

         </div>
      </div>
   </div>
   <header class="header header-default">
      <div class="sticky-height"></div>
      <div class="header-wrapper">
         <div class="header-nav-wrapper header-sticky">
            <nav class="navbar navbar-expand-xl">
               <div class="container">
                  <a href="index.html" class="navbar-brand">
                     <img src="/routex/images/routex-logo.png" alt="logo" class="img-fluid">
                  </a>
                  <button class="navbar-toggler offcanvas-nav-btn" type="button">
                      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" fill="none"
                        viewBox="0 0 14 12">
                        <path fill="#020e28"
                           d="M0 .75Q.063.063.75 0h12.5q.687.063.75.75-.063.687-.75.75H.75Q.063 1.437 0 .75m0 5Q.063 5.063.75 5h12.5q.687.063.75.75-.063.687-.75.75H.75Q.063 6.437 0 5.75m13.25 5.75H.75q-.687-.063-.75-.75.063-.687.75-.75h12.5q.687.063.75.75-.063.687-.75.75" />
                     </svg>
                  </button>
                  <div class="nav-cta d-none d-md-flex order-lg-3">
                     <div class="d-flex align-items-center justify-content-between gap-2">
                        
                        <button class="burger-menu icon-lg bg-light rounded-circle">
                           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" fill="none"
                              viewBox="0 0 14 12">
                              <path fill="#020e28"
                                 d="M0 .75Q.063.063.75 0h12.5q.687.063.75.75-.063.687-.75.75H.75Q.063 1.437 0 .75m0 5Q.063 5.063.75 5h12.5q.687.063.75.75-.063.687-.75.75H.75Q.063 6.437 0 5.75m13.25 5.75H.75q-.687-.063-.75-.75.063-.687.75-.75h12.5q.687.063.75.75-.063.687-.75.75" />
                           </svg>
                        </button>
                        <!-- <a href="?page=track" class="btn btn-primary"> Track Parcel <i
                              class="fa fa-arrow-right"></i><span></span>
                        </a> -->

                     </div>
                  </div>
                  <div class="offcanvas offcanvas-start offcanvas-nav">
                     <div class="offcanvas-header">
                        <a href="index.html" class="text-inverse"><img src="/routex/images/logo.svg" alt="Logo"></a>
                        <button type="button" class="btn-close bg-primary" data-bs-dismiss="offcanvas"
                           aria-label="Close"></button>
                     </div>

                     <div class="offcanvas-body pt-0 align-items-center justify-content-between">
                        <!-- <ul class="navbar-nav mx-auto align-items-lg-center">
                           <li class="nav-item dropdown">
                              <a class="nav-link " href="?page=home">Home</a>
                           </li>

                           <li class="nav-item ">
                              <a class="nav-link " href="?page=about">About Us</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="?page=services">Services</a>
                           </li>
                           <li class="nav-item">
                              <a class="nav-link" href="?page=contact">Contact Us</a>
                           </li>
                        </ul> -->

                     </div>
                  </div>
               </div>
            </nav>
         </div>
      </div>
      
   </header>
   <!--Javascript
========================================================-->
   <script src="/routex/js/jquery-3.7.1.min.js"></script>
   <script src="/routex/js/bootstrap.bundle.min.js"></script>
   <script src="/routex/js/swiper-bundle.min.js"></script>
   <script src="/routex/js/lenis.min.js"></script>
   <script src="/routex/js/jarallax.min.js"></script>
   <script src="/routex/js/gsap.min.js"></script>
   <script src="/routex/js/ScrollTrigger.min.js"></script>
   <script src="/routex/js/SplitText.js"></script>
   <script src="/routex/js/fancybox.umd.js"></script>
   <script src="/routex/js/isotope.pkgd.min.js"></script>
   <script src="/routex/js/purecounter.js"></script>
   <script src="/routex/js/jquery.marquee.min.js"></script>
   <script src="/routex/js/jquery.nice-select.min.js"></script>
   <script src="/routex/js/jquery.timepicker.min.js"></script>
   <script src="/routex/js/bootstrap-datepicker.js"></script>
   <script src="/routex/js/custom.js"></script>

<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"389fa74406c44f21b129709ce8a3ec16","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c3352955a9e001a',t:'MTc2OTI5NzQ2Nw=='};var a=document.createElement('script');a.src='../../cdn-cgi/challenge-platform/h/b/scripts/jsd/d251aa49a8a3/maind41d.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
</body>