{% load static %}
{% block info_topbar %}


<div class="white-bg">

    <nav id="navMain" class="navbar navbar-expand-lg navbar-light fixed-top px-4 info-navbar shadow-sm">
        <a href="/" class="px-md-3 px-1">
            <img src="{% static 'images/logos/TaskCallCombinedLogo.svg' %}" alt="TaskCall Logo" height="25" width="125">
        </a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon size-15"></span>
        </button>

        <div class="collapse navbar-collapse white-bg my-2" id="navbarSupportedContent">

            <ul id="info-site-navbar" class="navbar-nav ms-2 z-index-2">

                <li class="nav-item px-2">
                    <a class="nav-link main-item collapsed no-decoration" href="#submenuProducts" data-bs-toggle="dropdown">
                        Products
                        <span data-feather="chevron-down" class="feather-20 stroke-1"></span>
                    </a>

                    <div class="sub-menu dropdown-menu py-0 mt-4 no-border rounded-0 shadow" id="submenuProducts" aria-expanded="false">
                        <div class="row mx-0">
                            <div class="col-md-3 py-5 px-4 submenu-desc-section-bg">
                                <h4 class="d-block size-22 pb-3 bold-500"> Our Platform </h4>
                                <h5 class="d-block size-15 bold-500"> Connect and track your entire system from our mobile app, web app or rest APIs. </h5>
                            </div>
                            <div class="col-md-9 row mx-0 py-5">
                                <div class="col-md-6 px-3">
                                    <ul class="flex-column nav">
                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/on-call-management' icon='users' title='On-Call Management' description='Team routines, escalations and system mapping' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/incident-response' icon='alert-triangle' title='Incident Response' description='Tailored real-time and automated responses' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/aiops' icon='command' title='AIOps' description='Rule based and AI enabled event management' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/analytics' icon='bar-chart' title='Analytics' description='Full system insight to reduce downtime loss' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/live-call-routing' icon='phone-call' title='Live Call Routing' description='Call forwarding, outbound calling, recording' %}
                                    </ul>
                                </div>
                                <div class="col-md-6 px-3">
                                    <ul class="flex-column nav">
                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/integrations' icon='share-2' title='Integrations' description='Team routines, escalations and system mapping' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/workflow-automation' icon='cpu' title='Workflow Automation' description='Team routines, escalations and system mapping' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/stakeholder-communication' icon='message-square' title='Stakeholder Communication' description='Tailored real-time and automated responses' %}

                                        {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/products/customer-service-operations' icon='user-check' title='Customer Service Operations' description='Rule based and AI enabled event management' %}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="nav-item px-2">
                    <a class="nav-link main-item collapsed no-decoration" href="#submenuSolutions" data-bs-toggle="dropdown" data-bs-target="#submenuSolutions">
                        Solutions
                        <span data-feather="chevron-down" class="feather-20 stroke-1"></span>
                    </a>

                    <div class="sub-menu dropdown-menu py-0 mt-4 no-border rounded-0 shadow" id="submenuSolutions" aria-expanded="false">
                        <div class="row mx-0">
                            <div class="col-md-3 py-5 px-4 submenu-desc-section-bg">
                                <h4 class="d-block size-22 pb-3 bold-500"> Our Solutions </h4>
                                <h5 class="d-block size-15 bold-500"> All your digital systems brought under one umbrella. </h5>
                            </div>
                            <div class="col-md-9">
                                <div class="row mx-0 py-5">
                                    <div class="col-md-6 px-3">
                                        <div class="mb-3 px-4">
                                            <label class="size-14 a0a0a0-text bold-600"> Industries </label>
                                        </div>
                                        <ul class="flex-column nav">
                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/solutions/retail' title='Retail and Online Businesses' description='Never lose a customer from downtime' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/solutions/financial-services' title='Financial Services' description='Trade and bank without any disruptions' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/solutions/industrial-plants' title='Industrial Plants' description='Monitor all your machinery remotely' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/solutions/health-care' title='Health Care' description='Leverage on new health tech reliably' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/solutions/government' title='Government' description='Monitor and secure all cloud infrastructures' %}
                                        </ul>
                                    </div>
                                    <div class="col-md-6 px-3">
                                        <div class="mb-3 px-4">
                                            <label class="size-14 a0a0a0-text bold-600"> Use Cases </label>
                                        </div>
                                        <ul class="flex-column nav">
                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/use-cases/automated-diagnostics' title='Automated Diagnostics' description='Reduce MTTR, increase efficiency' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/use-cases/crisis-management' title='Crisis Management' description='Quick workarounds for business continuity' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/use-cases/team-collaboration' title='Team Collaboration' description='Get work done faster as a team' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/use-cases/devops' title='DevOps' description='Rapid response and resilient solutions through automation' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/use-cases/cybersecurity-incident-response' title='Cybersecurity Incident Response' description='Contain incident impact with real-time operations' %}
                                        </ul>
                                    </div>
                                </div>

                                <div class="border-top px-3 py-4">
                                    <p class="px-4 bold-600">
                                        <span class="grey-text size-14 pb-2 pe-2"> Come with your own stack. </span>
                                        <a class="px-3 py-2 no-decoration size-14 dark-green-text tc-cursor light-grey-bg rounded" href="https://taskcallapp.com/integrations">Check our integrations</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>



                <li class="nav-item px-2">
                    <a class="nav-link main-item collapsed no-decoration" href="#submenuResources" data-bs-toggle="dropdown" data-bs-target="#submenuResources">
                        Resources
                        <span data-feather="chevron-down" class="feather-20 stroke-1"></span>
                    </a>

                    <div class="sub-menu dropdown-menu py-0 mt-4 no-border rounded-0 shadow" id="submenuResources" aria-expanded="false">
                        <div class="row mx-0">
                            <div class="col-md-3 py-5 px-4 submenu-desc-section-bg">
                                <h4 class="d-block size-22 pb-3 bold-500"> Our Resources </h4>
                                <h5 class="d-block size-15 bold-500"> We are always here to help. Review our self-help guides or drop us a message. </h5>
                            </div>
                            <div class="col-md-9">
                                <div class="row mx-0 py-5">
                                    <div class="col-md-6 px-3">
                                        <div class="mb-3 px-4">
                                            <label class="size-14 a0a0a0-text bold-600"> Resources </label>
                                        </div>
                                        <ul class="flex-column nav">
                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://docs.taskcallapp.com' title='Docs' description='Never lose a customer from downtime' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/tutorials' title='Tutorials' description='Trade and bank without any disruptions' %}

                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/blog' title='Blog' description='Monitor all your machinery remotely' %}
                                        </ul>
                                    </div>
                                    <div class="col-md-6 px-3">
                                        <div class="mb-3 px-4">
                                            <label class="size-14 a0a0a0-text bold-600"> Support </label>
                                        </div>
                                        <ul class="flex-column nav">
                                            {% include 'info_topbar_dropdown_sub_item.html' with redirect_url='https://taskcallapp.com/contact-us' title='Contact Support' description='Never lose a customer from downtime' %}
                                        </ul>
                                    </div>
                                </div>

                                <div class="border-top px-3 py-4">
                                    <p class="px-4 bold-600">
                                        <span class="grey-text size-14 pb-2 pe-2"> Come with your own stack. </span>
                                        <a class="px-3 py-2 no-decoration size-14 dark-green-text tc-cursor light-grey-bg rounded" href="https://taskcallapp.com/integrations">Check our integrations</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>

                <li class="nav-item px-2"> <a class="nav-link main-item no-decoration" href="https://taskcallapp.com/pricing"> Pricing </a> </li>
                <li class="nav-item px-2"> <a class="nav-link main-item no-decoration" href="https://taskcallapp.com/contact-us"> Contact Us </a> </li>
            </ul>

            <ul class="navbar-nav ms-auto">
                <li class="nav-item ps-2 py-2"><a class="nav-link main-item me-2 no-decoration" href="/login"> Log In </a></li>
                <li class="nav-item ps-2 py-2">
                    <a href="/register" class="btn btn-success-old px-4 py-2 bold-600 size-14 tc-rounded no-decoration"> TRY NOW </a>
                </li>
            </ul>

        </div>
    </nav>

</div>


{% endblock %}