<?php include "include/links.php"; ?>
<header class="main-header header-style-one">
    <div class="header-top">
        <div class="auto-container">
            <div class="inner-container">
                <div class="d-flex justify-content-between align-items-center flex-wrap">
                    <div class="header-top_text">
                        <?php echo $locAddress; ?>
                        <a href="mailto:<?php echo $locEmail; ?>"><?php echo $locEmail; ?></a>
                        <a href="tel:<?php echo $locNumber; ?>"><?php echo $locNumber; ?></a>
                    </div>
                    <div class="right-box d-flex align-items-center flex-wrap">
                        <div class="header-top_socials">
                            <div class="social-inner">
                                <a href="https://facebook.com/"><i class="fa-brands fa-facebook-f"></i></a>
                                <a href="https://instagram.com/"><i class="fa-brands fa-instagram"></i></a>
                                <a href="https://x.com/"><i class="fa-brands fa-twitter"></i></a>
                                <a href="https://youtube.com/"><i class="fa-brands fa-youtube"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="header-lower">
        <div class="auto-container">
            <div class="inner-container">
                <div class="d-flex justify-content-between align-items-center">
                    <div class="logo-box">
                        <div class="logo">
                            <a href="./">
                                <img src="assets/images/logo.png" alt="img" title="ITHUB">
                            </a>
                        </div>
                    </div>
                    <div class="nav-outer d-flex flex-wrap">
                        <nav class="main-menu navbar-expand-md">
                            <div class="navbar-header">
                                <button class="navbar-toggler" type="button" data-toggle="collapse"
                                    data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                    aria-expanded="false" aria-label="Toggle navigation">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
                                <ul class="navigation clearfix">
                                    <li class="has-mega-menu">
                                        <a href="./">Home</a>
                                    </li>
                                    <li class="">
                                        <a href="how-it-works.php">How It Works</a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" onclick="window.location.href='features.php'; return false;">Featured Products</a>
                                        <ul>
                                            <li><a href="virtual-travel.php">Virtual Travel</a></li>
                                            <li><a href="robot-interaction.php">Robot Interation</a></li>
                                            <li><a href="multi-stream-experience.php">Multi-Stream Experience</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#">End Points</a>
                                        <ul>
                                            <li><a href="human-robot-experience.php">Human Robot Experience</a></li>
                                            <li><a href="telepresence-robot.php">Telepresence Robot</a></li>
                                            <li><a href="gopro.php">GoPRO</a></li>
                                            <li><a href="stationary-cameras.php">Stationary Cameras</a></li>
                                            <li><a href="mobile-cameras.php">Mobile Cameras</a></li>
                                            <li><a href="drone.php">Drone</a></li>
                                            <li><a href="outside-robot.php">Outside Robot</a></li>
                                            <li><a href="underwater-cameras.php">Underwater Camera</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="pricing.php">Pricing</a>
                                    </li>
                                    <li>
                                        <a href="contact.php">Contact</a>
                                    </li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                    <!-- Main Menu End-->
                    <div class="outer-box d-flex align-items-center flex-wrap">
                        <div class="main-header_button">
                            <a href="login.php" class="theme-btn btn-style-one">
                                <i class="fa-classic fa-solid fa-arrow-right fa-fw"></i>
                                <span class="btn-wrap">
                                    <span class="text-one">Login</span>
                                    <span class="text-two">Login</span>
                                </span>
                            </a>
                        </div>
                        <!-- Button Box -->
                        <div class="main-header_button">
                            <a href="register.php" class="theme-btn btn-style-one">
                                <i class="fa-classic fa-solid fa-arrow-right fa-fw"></i>
                                <span class="btn-wrap">
                                    <span class="text-one">Register</span>
                                    <span class="text-two">Register</span>
                                </span>
                            </a>
                        </div>
                        <!-- Mobile Navigation Toggler -->
                        <div class="mobile-nav-toggler">
                            <span class="icon fa-classic fa-solid fa-bars fa-fw"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mobile-menu">
        <div class="menu-backdrop"></div>
        <div class="close-btn"><span class="icon fa-xmark"></span></div>

        <nav class="menu-box">
            <div class="nav-logo">
                <a href="index.php">
                    <img src="assets/images/mobile-logo.svg" alt="" title="">
                </a>
            </div>
            <div class="menu-outer"></div>
        </nav>
    </div>
</header>