<?php include('../components/header-link.php'); ?>

<?php
// Get the current file name without the extension
$current_page = basename($_SERVER['PHP_SELF'], ".php");

// Define arrays for dropdown categories
$services = ['mobile-app-developmentt', 'ioss', 'androidd', 'hybridd', 'nativee'];
$hire_developers = ['android-developers', 'ios-developers', 'flutter-developers', 'react-native-developers'];
$product_development_pages = ['product-developmentt', 'ai-mll', 'app-modernizationn', 'ui-uxx', 'complete-digital-transformationn'];
$company_pages = ['company-about-uss', 'project-managementt', 'portfolioo'];
?>

<!-- Preloader -->
<div id="pre_loader">
    <img loading="lazy" src="../assets/images/new-img/loader.gif">
</div>

<!-- Header Start -->
<header class="header" id="header">
    <div class="head_inner">
        <div class="head_logo">
            <a href="homepage.php">
                <img loading="lazy" class="for_fix_img" src="../assets/images/new-img/wdi_logo.svg" alt="logo">
            </a>
        </div>

        <nav class="nav_bar">
            <div class="nav_cross">
                <i class="nav_cross_btn">✕</i>
            </div>
            <ul>

                <!-- Services Dropdown -->
                <li class="drop_down single_line_drop <?php echo (in_array($current_page, $services)) ? 'active' : ''; ?>" data_dropdown>
                    <button class="nav_link" data_dropdown_button>Services
                        <svg width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4 5L7.89711 0.5H0.102886L4 5Z" />
                        </svg>
                    </button>
                    <div class="dropdown_content type-one">
                        <div class="grid_btns">
                            <a class="nav-link transparent-elem"></a>
                            <div class="grid_btns-inn">
                                <h3 class="mid-para py-3">Services We Offer</h3>
                                <div class="drop_down">
                                    <!-- Mobile App Development Dropdown -->
                                    <div class="for-view">
                                        <a class="nav-link active-parent" onclick="toggleDropdown('mobileApp')">
                                            Mobile App Development
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="mobileApp" class="inside_data-nav-items flexsy" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'mobile-app-development') ? 'active' : ''; ?>" href="mobile-app-development.php">Mobile App Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'ios') ? 'active' : ''; ?>" href="ios.php">iOS App Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'android') ? 'active' : ''; ?>" href="android.php">Android App Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hybrid') ? 'active' : ''; ?>" href="hybrid.php">Hybrid App Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Native App Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Custom App Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Cross Platform Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Progressive Web App Services</a>
                                        </div>
                                    </div>

                                    <!-- Website Development Dropdown -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('websiteDev')">
                                            Website Development
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="websiteDev" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'website-development-services') ? 'active' : ''; ?>" href="website-development-services.php">Website Development Services</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'cms-development') ? 'active' : ''; ?>" href="cms-development.php">CMS Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'ecommerce-website-development') ? 'active' : ''; ?>" href="ecommerce-website-development.php">eCommerce Website Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'wordpress-website-customization') ? 'active' : ''; ?>" href="wordpress-website-customization.php">WordPress Website Customization</a>
                                        </div>
                                    </div>

                                    <!-- Custom Software Development Dropdown -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('customSoftware')">
                                            Custom Software Development
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="customSoftware" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'custom-software-development') ? 'active' : ''; ?>" href="custom-software-development.php">Custom Software Development</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'crm-software') ? 'active' : ''; ?>" href="crm-software.php">CRM Software</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'erp-software') ? 'active' : ''; ?>" href="erp-software.php">ERP Software</a>
                                        </div>
                                    </div>

                                    <!-- Design Thinking Dropdown -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('designThinking')">
                                            Design Thinking
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="designThinking" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'wireframe-design') ? 'active' : ''; ?>" href="wireframe-design.php">Wireframe Design</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'prototype-design') ? 'active' : ''; ?>" href="prototype-design.php">Prototype Design</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'ui-design') ? 'active' : ''; ?>" href="ui-design.php">User Interface Design - UI</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'ux-design') ? 'active' : ''; ?>" href="ux-design.php">User Interface Design - UX</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </li>


                <!-- Hire Developers -->
                <li class="drop_down single_line_drop <?php echo (in_array($current_page, $hire_developers)) ? 'active' : ''; ?>" data_dropdown>
                    <button class="nav_link" data_dropdown_button>Hire Developers
                        <svg width="8" height="5" viewBox="0 0 8 5" fill="#ababab" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4 5L7.89711 0.5H0.102886L4 5Z" fill="white" fill-opacity="0.67" />
                        </svg>
                    </button>
                    <div class="dropdown_content type-one">
                        <div class="grid_btns">
                            <a class="nav-link transparent-elem"></a>
                            <div class="grid_btns-inn">
                                <h3 class="mid-para py-3">Hire Developers for Your Projects</h3>
                                <div class="drop_down">

                                    <!-- Hire Mobile App Developers -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('mobileDevelopers')">
                                            Hire Mobile App Developers
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="mobileDevelopers" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-mobile-app-developers') ? 'active' : ''; ?>" href="hire-mobile-app-developers.php">Hire Mobile App Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-native-app-developers') ? 'active' : ''; ?>" href="hire-native-app-developers.php">Hire Native App Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-xamarin-developers') ? 'active' : ''; ?>" href="hire-xamarin-developers.php">Hire Xamarin Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-android-developers') ? 'active' : ''; ?>" href="hire-android-developers.php">Hire Android Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-flutter-developers') ? 'active' : ''; ?>" href="hire-flutter-developers.php">Hire Flutter App Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-ionic-developers') ? 'active' : ''; ?>" href="hire-ionic-developers.php">Hire Ionic Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'hire-ios-developers') ? 'active' : ''; ?>" href="hire-ios-developers.php">Hire iOS Developers</a>
                                        </div>
                                    </div>

                                    <!-- Hire Website Developers -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('websiteDevelopers')">
                                            Hire Website Developers
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="websiteDevelopers" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'frontend-developers') ? 'active' : ''; ?>" href="frontend-developers.php">Hire Frontend Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'backend-developers') ? 'active' : ''; ?>" href="backend-developers.php">Hire Backend Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'fullstack-developers') ? 'active' : ''; ?>" href="fullstack-developers.php">Hire Full Stack Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'cms-developers') ? 'active' : ''; ?>" href="cms-developers.php">Hire CMS Developers</a>
                                        </div>
                                    </div>

                                    <!-- Hire UI/UX Designers -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('uiUxDesigners')">
                                            Hire UI/UX Designers
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="uiUxDesigners" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'ux-designers') ? 'active' : ''; ?>" href="ux-designers.php">Hire UX Designers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'ui-designers') ? 'active' : ''; ?>" href="ui-designers.php">Hire UI Designers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'graphic-designers') ? 'active' : ''; ?>" href="graphic-designers.php">Hire Graphic Designers</a>
                                        </div>
                                    </div>

                                    <!-- Hire Software Testers -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('softwareTesters')">
                                            Hire Software Testers
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="softwareTesters" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'manual-testers') ? 'active' : ''; ?>" href="manual-testers.php">Hire Manual Testers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'automation-testers') ? 'active' : ''; ?>" href="automation-testers.php">Hire Automation Testers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'qa-leads') ? 'active' : ''; ?>" href="qa-leads.php">Hire QA Leads</a>
                                        </div>
                                    </div>

                                    <!-- Hire Software Developers -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('softwareDevelopers')">
                                            Hire Software Developers
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="softwareDevelopers" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'frontend-developers') ? 'active' : ''; ?>" href="frontend-developers.php">Hire Frontend Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'backend-developers') ? 'active' : ''; ?>" href="backend-developers.php">Hire Backend Developers</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'fullstack-developers') ? 'active' : ''; ?>" href="fullstack-developers.php">Hire Full-stack Developers</a>
                                        </div>
                                    </div>

                                    <!-- Hire Business Analyst -->
                                    <div class="for-view">
                                        <a class="nav-link" onclick="toggleDropdown('businessAnalyst')">
                                            Hire Business Analyst
                                            <div class="for-arr-in-nav"></div>
                                        </a>
                                        <div id="businessAnalyst" class="inside_data-nav-items" style="display: none;">
                                            <a class="nav_link_inside <?php echo ($current_page === 'business-analyst') ? 'active' : ''; ?>" href="business-analyst.php">Hire Business Analyst</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'data-analyst') ? 'active' : ''; ?>" href="data-analyst.php">Hire Data Analyst</a>
                                            <a class="nav_link_inside <?php echo ($current_page === 'product-manager') ? 'active' : ''; ?>" href="product-manager.php">Hire Product Manager</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <!-- Web Apps -->
                <li class="drop_down single_line_drop <?php echo ($current_page === 'web-app-development') ? 'active' : ''; ?>"
                    data_dropdown>
                    <a class="nav_link" href="web-app-development.php">Web Apps</a>
                </li>

                <!-- Product Development Dropdown -->
                <li class="drop_down single_line_drop <?php echo (in_array($current_page, $product_development_pages)) ? 'active' : ''; ?>" data_dropdown>
                    <button class="nav_link" data_dropdown_button>Product Development
                        <svg width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4 5L7.89711 0.5H0.102886L4 5Z" />
                        </svg>
                    </button>
                    <div class="dropdown_content type-two">
                        <div class="grid_btns">
                            <a class="nav-link transparent-elem"></a>
                            <div class="grid_btns-inn">
                                <a class="nav-link <?php echo ($current_page === 'product-development') ? 'active' : ''; ?>"
                                    href="product-development.php">Product Development</a>
                                <a class="nav-link <?php echo ($current_page === 'ai-ml') ? 'active' : ''; ?>"
                                    href="ai-ml.php">AI-Powered Solutions</a>
                                <a class="nav-link <?php echo ($current_page === 'app-modernization') ? 'active' : ''; ?>"
                                    href="app-modernization.php">Application Modernization</a>
                                <a class="nav-link <?php echo ($current_page === 'ui-ux') ? 'active' : ''; ?>"
                                    href="ui-ux.php">UI/UX Modernization</a>
                                <a class="nav-link <?php echo ($current_page === 'complete-digital-transformation') ? 'active' : ''; ?>"
                                    href="complete-digital-transformation.php">Complete Digital Transformation</a>
                            </div>
                        </div>
                    </div>
                </li>

                <!-- AI Solutions -->
                <!-- <li class="drop_down single_line_drop <?php echo ($current_page === 'ai-ml') ? 'active' : ''; ?>"
                    data_dropdown>
                    <a class="nav_link" href="ai-ml.php">AI Solutions</a>
                </li> -->

                <!-- AI Apps -->
                <li class="drop_down single_line_drop <?php echo ($current_page === 'ai-app') ? 'active' : ''; ?>"
                    data_dropdown>
                    <a class="nav_link" href="ai-app.php">AI Apps</a>
                </li>

                <!-- Solutions -->
                <li class="drop_down single_line_drop <?php echo ($current_page === 'consulting') ? 'active' : ''; ?>">
                    <a class="nav_link" href="consulting.php">Solutions</a>
                </li>

                <!-- Company -->
                <li class="drop_down single_line_drop <?php echo (in_array($current_page, $company_pages)) ? 'active' : ''; ?>"
                    data_dropdown>
                    <button class="nav_link" data_dropdown_button>Company
                        <svg width="8" height="5" viewBox="0 0 8 5" fill="#ababab" xmlns="http://www.w3.org/2000/svg">
                            <path d="M4 5L7.89711 0.5H0.102886L4 5Z" fill="white" fill-opacity="0.67" />
                        </svg>
                    </button>
                    <div class="dropdown_content type-two">
                        <div class="grid_btns">
                            <a class="nav-link transparent-elem"></a>
                            <div class="grid_btns-inn">
                                <a class="nav-link <?php echo ($current_page === 'company-about-us') ? 'active' : ''; ?>"
                                    href="company-about-us.php">About Us</a>
                                <a class="nav-link <?php echo ($current_page === 'project-management') ? 'active' : ''; ?>"
                                    href="project-management.php">Project Management</a>
                                <a class="nav-link <?php echo ($current_page === 'portfolio') ? 'active' : ''; ?>"
                                    href="portfolio.php">Portfolio</a>
                            </div>
                        </div>
                    </div>
                </li>


                <!-- Contact Us -->
                <li class="drop_down lg-contact">
                    <a href="contact-us.php"
                        class="nav_link contact_us <?php echo ($current_page === 'contact-us') ? 'active' : ''; ?>">
                        Do you have a project
                        <img loading="lazy" src="../assets/images/arrow-up-right.webp" class="arrow_up" alt="arrow-up">
                    </a>
                </li>
            </ul>
        </nav>

        <!-- Hamburger Menu -->
        <div class="ham_burger">
            <button aria-label="button"><i class="fa-solid fa-bars"></i></button>
        </div>
        <div class="overlay"></div>
    </div>
</header>