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

<head>
    <meta charset="utf-8">
    <title>FASTER - Logistics Company Website Template</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="/css/style.css" rel="stylesheet">
<style>
    .ben{
        color:lightgray;
    }
    .bg-princess{
        background: #154360;
    }
    .lady-princess{
        color:lightgray;
    }
</style>
</head>

<body>
    <!-- Topbar Start -->
    <div class="container-fluid bg-dark">
        <div class="row py-2 px-lg-5">
            <div class="col-lg-6 text-center text-lg-left mb-2 mb-lg-0">
                <div class="d-inline-flex align-items-center text-white">
                    <small><i class="fa fa-phone-alt mr-2"></i>+234 803 7114 737</small>
                    <small class="px-3">|</small>
                    <small><i class="fa fa-envelope mr-2"></i>info@atayeshe.com</small>
                </div>
            </div>
            <div class="col-lg-6 text-center text-lg-right">
                <div class="d-inline-flex align-items-center">
                    <a class="text-white px-2" href="https://www.facebook.com/share/xjeKXSr7DtAbmW47/" target="_blank">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a class="text-white px-2" href="https://x.com/atayesheoil?t=5N59iUsGsM7OfHVCJD2eOw&s=09" target="_blank">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a class="text-white px-2" href="">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a class="text-white px-2" href="https://www.instagram.com/atayeshe?igsh=MWZrbjBudHdrZWNjcw==" target="_blank">
                        <i class="fab fa-instagram"></i>
                    </a>
                    <a class="text-white pl-2" href="">
                        <i class="fab fa-youtube"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar Start -->
    <div class="container-fluid p-0">
        <nav class="navbar navbar-expand-lg navbar-light py-3 py-lg-0 px-lg-5">
            <!-- Brand/Logo Section -->
            <a href="index.html" class="navbar-brand ml-lg-4">
                <img src="/img/atayeshe.png" style="width: 240px; height: 40px" alt="Freight Company Logo">
            </a>
        
            <!-- Toggler for Mobile View -->
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
        
            <!-- Navigation Links -->
            <div class="collapse navbar-collapse justify-content-between px-lg-3" id="navbarCollapse" style="font-size: 15px;font-family:calibri">
                <div class="navbar-nav m-auto py-0">
                    <a href="/" class="nav-item nav-link <%=currentPath ==='/' ? 'active':'' %>">Home</a>
                    <a href="/about" class="nav-item  nav-link <%=currentPath ==='/about' ? 'active':'' %>">About Us</a>
                    <!-- Services Dropdown -->
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Services</a>
                        <div class="dropdown-menu rounded-0 m-0">
                            <% queryCategory.forEach(cat=>{ %>
                            <a href="/getCategory/<%= cat.id %>" class="dropdown-item"><%= cat.name %></a>
                            <!-- <a href="sea-freight.html" class="dropdown-item">Sea Freight</a>
                            <a href="road-freight.html" class="dropdown-item">Road Freight</a>
                            <a href="customs-clearance.html" class="dropdown-item">Customs Clearance</a>
                            <a href="warehousing.html" class="dropdown-item">Warehousing & Logistics</a>
                            <a href="special-cargo.html" class="dropdown-item">Special Cargo</a> -->
                            <% })%>
                        </div>
                    </div>
        
                   
                    <a href="/contact" class="nav-item nav-link">Contact Us</a>
                    
                    <!-- Customer Support Dropdown -->
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Customer Support</a>
                        <div class="dropdown-menu rounded-0 m-0">
                            <a href="#faq.html" class="dropdown-item">FAQ</a>
                            <a href="#live-chat.html" class="dropdown-item">Live Chat</a>
                        </div>
                    </div>
                    <!-- <a href="/admin/">Admin</a> -->
                    <a href="#/blog" class="nav-item nav-link">Blog/Insights</a>
                    <!-- <a href="careers.html" class="nav-item nav-link">Careers</a> -->
                </div>
        
                <!-- Call to Action Button -->
                <a href="get-quote.html" class="btn btn-primary py-2 px-4 d-none d-lg-block">Get A Quote</a>
            </div>
        </nav>
        
        
    </div>
    <!-- Navbar End -->