<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Welcome to Warehousing Management</title>
                <link rel="icon" type="image/png" href="/favicon.ico" sizes="16x16">
        <link rel="stylesheet" href="https://warehouse.webkul.com/css/bootstrap.min.css">
        <link  rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400&display=swap" />

        <link rel="stylesheet/less" type="text/css" href="https://warehouse.webkul.com/less/app.less" />
        <script>
        less = {
        env: 'developement'
        };
        </script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js"></script>
            </head>
    <body>
        <nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="/"><img src="/images/logo.png" alt="Warehousing Management"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="#features">Features</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#supportale_platform">How It Works</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#price">Pricing</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" target="_blank" href="https://www.bookingcommerce.com/">Contact</a>
            </li>
            <li class="nav-item" id="vertical-line">
                <a class="nav-link disabled" href="javascript:;" tabindex="-1" aria-disabled="true"></a>
            </li>
        </ul>
            </div>
</nav>        
<div class="install-box">
    <div class="left-right">
        <div class="left">
            <div class="heading">
                <h2>Manage Warehouses &amp; Product stock</h2>
                <small>Move faster with more warehouses in quick and easy way</small>
            </div>
            <div class="form-group">
                <select class="form-control custom-select" id="platform">
                    <option value="">Select Platform</option>
                    <option value="shopify">Shopify</option>
                    <option value="prestashop">Prestashop</option>
                    <option value="magento">Magento</option>
                    <option value="opencart">Opencart</option>
                    <option value="wordpress">Wordpress</option>
                </select>
                <button type="button" class="btn wk-btn wk-btn-success btn-pad-15x28 btn_get_started">Get Started</button>
            </div>
        </div>
        <div class="right">
            <img src="/images/Slice-Illustration-Base.png" />
        </div>
    </div>
    <section class="features">
        <h3 class="heading">FEATURES</h3>
            <ul class="row">
                <li class="col-md-4">
                    <img src="/images/Slice-Multiple-Warehouse.png" />&nbsp;
                    <span>Create multiple warehouses on shop</span>
                </li>
                <li class="col-md-4">
                    <img src="/images/Slice-Assign-Product-To-Warehouse.png" />&nbsp;
                    <span>Assign Products to warehouses</span>
                </li>
                <li class="col-md-4">
                    <img src="/images/Slice-Multiple-Warehouse.png" />&nbsp;
                    <span>Move products in multiple locations</span>
                </li>
            </ul>
            <ul class="row">
                <li class="col-md-4">
                    <img src="/images/Auto-Fullfill-Form-Nearest-Warehouse.png" />&nbsp;
                    <span>Choose delivery quantities to fulfill</span>
                </li>
                <li class="col-md-4">
                    <img src="/images/Slice-Get-Notification.png" />&nbsp;
                    <span>Get notified for new listings</span>
                </li>
                <li class="col-md-4">
                    <img src="/images/Slice-Multiple-Warehouse.png" />&nbsp;
                    <span>Fulfil your imported orders</span>
                </li>
            </ul>
    </section>
    <section class="wk-video">
        <div>
            <h3 class="heading">How It Works</h3>
            <div class="bg-pattern"><img src="/images/Slice-Pattern.png" alt="bg-image"/></div>
            <div class="v-image">
                <div>
                    <img class="video-cover" src="/images/video-cover.jpg" alt="v-image" />
                    <img  class="icon-play" src="/images/icon-play.png" alt="PLAY" />
                </div>
            </div>
        </div>
    </section>
    <section class="wk-contact">
        <div>
            <h3 class="heading">Contact Us</h3>
            <form id="cnt_form" method="POST">
                <div class="form-group">
                    <input type="text" class="form-control" name="frm_name" id="frm_name" value="" placeholder="Name*"/>
                </div>
                <div class="form-group">
                    <input type="email" class="form-control" name="frm_email" id="frm_email" value="" placeholder="Email*"/>
                </div> 
                <div class="form-group">
                    <textarea class="form-control" rows="5" column=""name="frm_msg" id="frm_msg" placeholder="Write your query here..."></textarea>
                </div>
                <div class="frm_submit">
                    <button class="btn btn-warning" id="btn_submit"><img src="/images/ajax_loader.gif" class="loader" />SEND</button>
                </div>
            </form>
        </div>
    </section>
</div>
<div class="modal" id="msgthankyou" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" style="color:#5a8e07;">Thank You!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>We have received your interest.</p>
      </div>
    </div>
  </div>
</div>
        <!-- Back to top -->
<div id="back-to-top">
    <span>^</span>
</div>
<!-- /Back to top -->
<!-- Preloader -->
<div id="preloader">
    <div class="preloader">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<!-- /Preloader -->
<div class="container-fluid">
    <div class="footer">
        © Copyright 2010-2026, <a class="copyright"  href="https://webkul.com" target="_blank">Webkul Software</a>. All rights reserved.
    </div>
</div>                    <script src="/js/jquery-3.4.1.min.js"></script>
        <script src="/js/jquery.validate.min.js"></script>
        <script src="/js/bootstrap.min.js"></script>
        <script src="https://warehouse.webkul.com/js/app.js" type="text/javascript"></script>
        <script>
            $(document).on('click', '.btn_get_started', function(){
                var platform = $('#platform').val();
                if(platform == '' || $.trim(platform) == ''){
                    var snackbar = $('#wknotification');
                    snackbar.text('Please select platform to proceed.').addClass('show wk-noti-error');
                    setTimeout(function () {
                        snackbar.removeClass('show wk-noti-error');
                    }, 3000);
                    $('html, body').animate({
                        scrollTop: $("#banner").offset().top
                    }, 2000);
                    $("#platform").focus();
                }
                // else if(platform == 'shopify'){
                //     // window.location.href = "https://apps.shopify.com/warehouse-management";
                // }
                else{
                    let redirect_link = "https://usercentral.webkul.com/" + "admin/registration?service=warehouse";
                    WK_SAAS_CONNECTOR.ShopifyAppBridge.redirect(redirect_link);
                }
            });
            
            (function($) {
                "use strict"
                ///////////////////////////
                // Preloader
                $(window).on('load', function() {
                    $("#preloader").delay(600).fadeOut();
                });

                ///////////////////////////
                // Smooth scroll
                $(".navbar-nav a[href^='#']").on('click', function(e) {
                        e.preventDefault();
                        var hash = this.hash;
                        $('html, body').animate({
                                scrollTop: $(this.hash).offset().top
                        }, 600);
                });

                $('#back-to-top').on('click', function(){
                    $('body,html').animate({
                            scrollTop: 0
                    }, 600);
                });

                ///////////////////////////
                // On Scroll
                $(window).on('scroll', function() {
                        var wScroll = $(this).scrollTop();
                        // Back To Top Appear
                        wScroll > 400 ? $('#back-to-top').fadeIn() : $('#back-to-top').fadeOut();
                });

            })(jQuery);
        </script>
        
    <script>
    $("#cnt_form").validate({
        rules: {
            frm_name: {
                required: true
            },
            frm_email: {
                required: true,
                email: true
            },
            frm_msg: {
                required: true
            }
        },
        messages: {
            frm_name: {
                required: "Please provide your name"
            },
            frm_email: {
                required: "Please provide email",
                email: "Please provide a valid email"
            },
            frm_msg: {
                required: "Let us know about your query"
            }
        },
        submitHandler: function(form) {
            let form_data = {
                name: $("#frm_name").val(),
                email: $("#frm_email").val(),
                message: $("#frm_msg").val()
            };
             
            $.ajax({
                type: "POST",
                url: "send/query",
                data: form_data,
                beforeSend: function(){
                    $(".loader").show();
                },
                success: function(response) {
                    $(".loader").hide();
                    $('#msgthankyou').modal('show');
                },
                error: function(jqXHR, errorThrown) {
                    $(".loader").hide();
                    console.log(errorThrown);
                }
            });
            return false;
        }
    });
    </script>
    </body>
</html>
