navigation.php

```php
<?php
$current_page = basename($_SERVER['PHP_SELF']);
?>
<nav class="brand-gradient text-white shadow-lg">
    <div class="container mx-auto px-4 py-3">
        <div class="flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <i data-feather="printer" class="w-8 h-8"></i>
                <span class="text-xl font-bold">BHBM</span>
            </div>
            <div class="hidden md:flex space-x-2">
                <a href="index.php" class="px-4 py-2 rounded-full hover:scale-105 transition transform <?php echo ($current_page == 'index.php') ? 'bg-gray-200 text-gray-900' : ''; ?>" style="background-color: #FF8C00; clip-path: ellipse(50% 60% at 50% 50%);">Home</a>
                <a href="service.php" class="px-4 py-2 rounded-full hover:scale-105 transition transform <?php echo ($current_page == 'service.php') ? 'bg-gray-200 text-gray-900' : ''; ?>" style="background-color: #FF4500; clip-path: ellipse(50% 60% at 50% 50%);">Services</a>
                <a href="history.php" class="px-4 py-2 rounded-full hover:scale-105 transition transform <?php echo ($current_page == 'history.php') ? 'bg-gray-200 text-gray-900' : ''; ?>" style="background-color: #006400; clip-path: ellipse(50% 60% at 50% 50%);">History</a>
                <a href="contact.php" class="px-4 py-2 rounded-full hover:scale-105 transition transform <?php echo ($current_page == 'contact.php') ? 'bg-gray-200 text-gray-900' : ''; ?>" style="background-color: #00008B; clip-path: ellipse(50% 60% at 50% 50%);">Contact</a>
                <a href="service_request.php" class="px-4 py-2 rounded-full hover:scale-105 transition transform <?php echo ($current_page == 'service_request.php') ? 'bg-gray-200 text-gray-900' : ''; ?>" style="background-color: #000000; clip-path: ellipse(50% 60% at 50% 50%);">Service Request</a>
                <a href="learn_more.php" class="px-4 py-2 rounded-full hover:scale-105 transition transform <?php echo ($current_page == 'learn_more.php') ? 'bg-gray-200 text-gray-900' : ''; ?>" style="background-color: #4B0082; clip-path: ellipse(50% 60% at 50% 50%);">Learn More</a>
            </div>
            <button class="md:hidden">
                <i data-feather="menu"></i>
            </button>
        </div>
    </div>
</nav>
```