<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Delivery Boy</title>
                <link rel="stylesheet" href="/css/bootstrap.min.css">
        <link rel="stylesheet/less" type="text/css" href="/css/main.less">
        <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js" ></script>
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap" rel="stylesheet">
        <style>
            .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
            .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
        </style>
    </head>

    <body>
                <div id="wknotification" class="">Some text some message..</div>
         
        
                                    <nav class="navbar navbar-expand-lg navbar-light">
    <a class="navbar-brand" href="/">Delivery Boy</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="#price">Pricing</a>
            </li>

                        
                        
                    </ul>
    </div>
</nav>                    
        <div class="mt-3">
                <section id="banner">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <img src="/images/illustrations/illustration-1.jpg" class="banner-img">
                </div>
                <div class="col-sm-6 pt-85 pl-80">
                    <h1 class="banner-heading">Delivery Boy</h1>
                    <p class="banner-para">Get started and manage your online order deliveries through multiple delivery agents all from one place.</p>
                </div>
            </div>
        </div>
    </section>
    
    <section id="features">
        <div class="container">
            <div class="row">
                                <div class="col-sm-3">
                    <div class="feature">
                        
                        <div class="feature-heading">
                            Order Syncronization  
                        </div>
                        
                        <div class="feature-para">
                            Your orders are automatically syncronized so that you can stay on top of your game without having to constantly check your online store for recent orders.
                        </div>
                    </div>
                </div>
                
                                <div class="col-sm-3">
                    <div class="feature">
                        <div class="feature-heading">
                            Delivery Agents
                        </div>

                        <div class="feature-para">
                            Add and track multiple delivery agents responsible for getting your orders delivered to your customers without any hassle. 
                        </div>
                    </div>
                </div>

                                <div class="col-sm-3">
                    <div class="feature">
                        <div class="feature-heading">
                            Commission Rules  
                        </div>
                        
                        <div class="feature-para">
                            Define commission rules that will easily and automatically determine how much your delivery agents need to compensated 
                            for each orders they deliver successfully.
                        </div>
                    </div>
                </div>

                                <div class="col-sm-3">
                    <div class="feature">
                        <div class="feature-heading">
                            Mobile Support
                        </div>

                        <div class="feature-para">
                            On top of integration with your shopify store, you and your agents can also manage 
                            and track your online order delivery statuses via our mobile app available both on Android and iOS. 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
                    
    <section id="price">
        <div class="container mt-5">
            <div class="row">
                <div class="col-sm-12 mb-5">
                    <div class="price">
                        <div class="price-heading">
                            Pricings
                        </div>
                        <div class="price-para">
                            Select a plan that suits your business needs and connect multiple delivery agents with your store.
                        </div>
                    </div>
                </div>
            </div>

            <div class="row" style="justify-content: center;"
            >
                                                                                                                                                
                                                                        <div class="col-sm-4">
                                <div class="prices" style="padding: 30px 40px !important;">
                                    <div class="prices-heading">
                                        BASIC
                                    </div>

                                    <div class="prices-para">
                                                                                                                                    <p>
                                                                                                            <img src="/images/icon-plans-check.svg"> 2 
                                                     
                                                    Delivery Agents
                                                </p>
                                                                                                                        </div>

                                    <hr>
                                    
                                    <div class="prices-amount">
                                        <span class="prices-currency">$</span><span class="prices-price1">5</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                        
                                                                            </div>
                                    
                                                                        
                                    <div class="prices-button pt-4">
                                        <a href="https://apps.shopify.com/delivery-boy">
                                            <button type="button" class="wk-btn wk-btn-secondary btn-pad-15x28"> 
                                                Get Started 
                                            </button>
                                        </a>
                                    </div>
                                </div>
                            </div>
                                                                                                <div class="col-sm-4">
                                <div class="prices" style="padding: 30px 40px !important;">
                                    <div class="prices-heading">
                                        PRO
                                    </div>

                                    <div class="prices-para">
                                                                                                                                    <p>
                                                                                                            <img src="/images/icon-plans-check.svg"> 10 
                                                     
                                                    Delivery Agents
                                                </p>
                                                                                                                        </div>

                                    <hr>
                                    
                                    <div class="prices-amount">
                                        <span class="prices-currency">$</span><span class="prices-price1">15</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                        
                                                                            </div>
                                    
                                                                        
                                    <div class="prices-button pt-4">
                                        <a href="https://apps.shopify.com/delivery-boy">
                                            <button type="button" class="wk-btn wk-btn-primary btn-pad-15x28"> 
                                                Get Started 
                                            </button>
                                        </a>
                                    </div>
                                </div>
                            </div>
                                                                                                <div class="col-sm-4">
                                <div class="prices" style="padding: 30px 40px !important;">
                                    <div class="prices-heading">
                                        ELITE
                                    </div>

                                    <div class="prices-para">
                                                                                                                                    <p>
                                                                                                            <img src="/images/icon-plans-check.svg"> 30 
                                                     
                                                    Delivery Agents
                                                </p>
                                                                                                                        </div>

                                    <hr>
                                    
                                    <div class="prices-amount">
                                        <span class="prices-currency">$</span><span class="prices-price1">30</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                        
                                                                            </div>
                                    
                                                                        
                                    <div class="prices-button pt-4">
                                        <a href="https://apps.shopify.com/delivery-boy">
                                            <button type="button" class="wk-btn wk-btn-secondary btn-pad-15x28"> 
                                                Get Started 
                                            </button>
                                        </a>
                                    </div>
                                </div>
                            </div>
                                                                                                <div class="col-sm-4">
                                <div class="prices" style="padding: 30px 40px !important;">
                                    <div class="prices-heading">
                                        CREATIVE
                                    </div>

                                    <div class="prices-para">
                                                                                                                                    <p>
                                                                                                            <img src="/images/icon-plans-check.svg"> 100 
                                                     
                                                    Delivery Agents
                                                </p>
                                                                                                                        </div>

                                    <hr>
                                    
                                    <div class="prices-amount">
                                        <span class="prices-currency">$</span><span class="prices-price1">100</span><span class="prices-price2">.00</span> <span class="small">/month</span>
                                        
                                                                                    <div class="price_details">+</div>
                                            <p class="">$1 for Each Additional Delivery Agent</p>
                                                                            </div>
                                    
                                                                        
                                    <div class="prices-button pt-4">
                                        <a href="https://apps.shopify.com/delivery-boy">
                                            <button type="button" class="wk-btn wk-btn-secondary btn-pad-15x28"> 
                                                Get Started 
                                            </button>
                                        </a>
                                    </div>
                                </div>
                            </div>
                                                                        </div>
        </div>
    </section>
    
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="contact">
                        <div class="contact-heading">
                            Easily integrate with shopify.
                        </div>

                        <div class="contact-para">
                            Delivery Boy is available for integration with your shopify stores at the click of a button.
                        </div>
                        
                        
                        <div class="contact-button mt-4">
                            <div class="prices-button pt-4">
                                <a href="https://apps.shopify.com/delivery-boy">
                                    <button type="button" class="wk-btn wk-btn-success btn-pad-15x28">Get Started</button>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
        </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>
    </body>
    
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></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'){
                console.log('sdg');
                window.location.href = "https://apps.shopify.com/amazon-connector";
            }else{
                window.location.href = "https://usercentral.webkul.com/" + "admin/registration?service=" + "delivery_boy"
            }
        });
        
        
        (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>
</html>