<!DOCTYPE html>
<html lang="<?php echo e(session()->get('locale')); ?>">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- SEO Meta Tags -->
    <meta name="description" content="PicoQR - A simple restaurant menu maker.">
    <meta name="keywords" content="bulk sms, sms marketing, schedule sms, signalwire, sms , sms gateway, telnyx, twilio"/>
    <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
    <meta property="og:site_name" content=""/> <!-- website name -->
    <meta property="og:site" content=""/> <!-- website link -->
    <meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
    <meta property="og:description" content=""/> <!-- description shown in the actual shared post -->
    <meta property="og:image" content=""/> <!-- image link, make sure it's jpg -->
    <meta property="og:url" content=""/> <!-- where do you want your post to link to -->
    <meta property="og:type" content="article"/>

    <!-- Website Title -->
    <title>PicoQR - A simple restaurant menu maker</title>

    <!-- Styles -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext"
          rel="stylesheet">
    <link href="<?php echo e(asset('front/css/bootstrap.css')); ?>" rel="stylesheet">
    <?php if(isset(json_decode(get_settings('site_setting'))->cookie_consent) && json_decode(get_settings('site_setting'))->cookie_consent == 'enable'): ?>
    <link rel="stylesheet" type="text/css"
      href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css"/>
    <?php endif; ?>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
    <link href="<?php echo e(asset('front/css/swiper.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('front/css/magnific-popup.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('front/css/styles.css')); ?>" rel="stylesheet">

    <!-- Favicon  -->
    <link rel="icon" href="<?php echo e(asset('uploads/'.json_decode(get_settings('site_setting'))->favicon)); ?>">
</head>
<body data-spy="scroll" data-target=".fixed-top">


<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
    <div class="container">

        <!-- Image Logo -->
        <a class="navbar-brand logo-image" href="<?php echo e(route('index')); ?>"><img
                src="<?php echo e(asset('uploads/'.json_decode(get_settings('site_setting'))->logo)); ?>" alt="alternative"></a>

        <!-- Mobile Menu Toggle Button -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
                aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-awesome fas fa-bars"></span>
            <span class="navbar-toggler-awesome fas fa-times"></span>
        </button>
        <!-- end of mobile menu toggle button -->

        <div class="collapse navbar-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#header"><?php echo e(trans('layout.home')); ?> <span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#details"><?php echo e(trans('layout.demo')); ?></a>
                </li>


                <li class="nav-item">
                    <a class="nav-link page-scroll" href="#pricing"><?php echo e(trans('layout.pricing')); ?></a>
                </li>
            </ul>
            <span class="nav-item">
                    <a target="_blank" class="btn-outline-sm" href="<?php echo e(route('login')); ?>"><?php echo e(trans('layout.login')); ?></a>
                </span>
        </div>
    </div> <!-- end of container -->
</nav> <!-- end of navbar -->
<!-- end of navigation -->


<!-- Header -->
<header id="header" class="header">
    <div class="header-content">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-xl-5">
                    <div class="text-container">
                        <h1>PicoQR</h1>
                        <p class="p-large">A Simple Restaurant Menu Maker</p>
                        <a target="_blank" class="btn-solid-lg page-scroll"
                           href="<?php echo e(route('registration')); ?>"><?php echo e(trans('layout.signup')); ?></a>
                    </div> <!-- end of text-container -->
                </div> <!-- end of col -->
                <div class="col-lg-6 col-xl-7">
                    <div class="image-container">
                        <div class="img-wrapper">
                            <img class="img-fluid" src="<?php echo e(asset('front/images/picoqr.png')); ?>" alt="alternative">
                        </div> <!-- end of img-wrapper -->
                    </div> <!-- end of image-container -->
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div> <!-- end of container -->
    </div> <!-- end of header-content -->
</header> <!-- end of header -->
<svg class="header-frame" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
     viewBox="0 0 1920 310">
    <defs>
        <style>.cls-1 {
                fill: #5f4def;
            }</style>
    </defs>
    <title>header-frame</title>
    <path class="cls-1"
          d="M0,283.054c22.75,12.98,53.1,15.2,70.635,14.808,92.115-2.077,238.3-79.9,354.895-79.938,59.97-.019,106.17,18.059,141.58,34,47.778,21.511,47.778,21.511,90,38.938,28.418,11.731,85.344,26.169,152.992,17.971,68.127-8.255,115.933-34.963,166.492-67.393,37.467-24.032,148.6-112.008,171.753-127.963,27.951-19.26,87.771-81.155,180.71-89.341,72.016-6.343,105.479,12.388,157.434,35.467,69.73,30.976,168.93,92.28,256.514,89.405,100.992-3.315,140.276-41.7,177-64.9V0.24H0V283.054Z"/>
</svg>
<br><br> <br><br>
<!-- end of header -->


<!-- Description -->
<div class="cards-1">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="above-heading">---------------</div>
                <h2 class="h2-heading">This is the most flexible and user friendly digital menu maker ever!</h2>
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <img class="img-fluid" src="<?php echo e(asset('front/images/description-1.png')); ?>" alt="alternative">
                    </div>
                    <div class="card-body">
                        <h4 class="card-title">Simple & Attractive Design </h4>
                        <p>PicoQR is very easy to use with Simple and colorful design. Make your profile, create your
                            menu and good to go. </p>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <img class="img-fluid" src="<?php echo e(asset('front/images/description-2.png')); ?>" alt="alternative">
                    </div>
                    <div class="card-body">
                        <h4 class="card-title">Generate QR & Design</h4>
                        <p>You can generate your own design QR code and download the image.</p>
                    </div>
                </div>
                <!-- end of card -->

                <!-- Card -->
                <div class="card">
                    <div class="card-image">
                        <img class="img-fluid" src="<?php echo e(asset('front/images/description-3.png')); ?>" alt="alternative">
                    </div>
                    <div class="card-body">
                        <h4 class="card-title">Getting Live</h4>
                        <p>Create your own menu with self design QR Code. </p>
                    </div>
                </div>
                <!-- end of card -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of cards-1 -->
<!-- end of description -->


<!-- Demo -->
<div id="details" class="basic-1">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-container">
                    <h2>Scan QR Code To See The DEMO</h2>
                    <p>To see the live demo just scan QR code by your phone camera or QR code scanner. </p>
                    <a class="btn-solid-reg page-scroll" href="<?php echo e(route('registration')); ?>"><?php echo e(trans('layout.signup')); ?></a>
                </div> <!-- end of text-container -->
            </div> <!-- end of col -->
            <div class="col-lg-6">
                <div class="image-container">
                    <img class="img-fluid" src="<?php echo e(asset('front/images/demo.jpg')); ?>" alt="alternative">
                </div> <!-- end of image-container -->
            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of basic-1 -->
<!-- end of demo -->


<!-- Pricing -->
<div id="pricing" class="cards-2">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h2 class="h2-heading">Pricing Options Table</h2>
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">

                <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <!-- Card-->
                <div class="card">
                    <div class="card-body">
                        <div class="card-title"><?php echo e($plan->title); ?></div>
                        <div class="price"><span class="value"><?php echo e(formatNumberWithCurrSymbol($plan->cost)); ?></span></div>
                        <div class="frequency"><?php echo e($plan->recurring_type); ?></div>
                        <div class="divider"></div>
                        <ul class="list-unstyled li-space-lg">
                            <li class="media">
                                <i class="fas fa-check"></i>
                                <div class="media-body">
                                    <?php if($plan->item_unlimited=='yes'): ?>
                                        <?php echo e(trans('layout.unlimited_items')); ?>

                                    <?php else: ?>
                                        <strong><?php echo e($plan->item_limit); ?></strong>
                                        <?php echo e(trans('layout.item_limit')); ?>

                                    <?php endif; ?>
                                </div>
                            </li>
                            <li class="media">
                                <i class="fas fa-check"></i>
                                <div class="media-body">
                                    <?php if($plan->table_unlimited=='yes'): ?>
                                        <?php echo e(trans('layout.unlimited_tables')); ?>

                                    <?php else: ?>
                                        <strong><?php echo e($plan->table_limit); ?></strong>
                                        <?php echo e(trans('layout.table_limit')); ?>

                                    <?php endif; ?>
                                </div>
                            </li>
                            <li class="media">
                                <i class="fas fa-check"></i>
                                <div class="media-body">
                                    <?php if($plan->restaurant_unlimited=='yes'): ?>
                                        <?php echo e(trans('layout.unlimited_restaurants')); ?>

                                    <?php else: ?>
                                        <strong><?php echo e($plan->restaurant_limit); ?></strong>
                                        <?php echo e(trans('layout.restaurant_limit')); ?>

                                    <?php endif; ?>
                                </div>
                            </li>
                            <li class="media">
                                <i class="fas fa-check"></i>
                                <div class="media-body">
                                    <?php echo e(trans('layout.unlimited_support')); ?>

                                </div>
                            </li>

                        </ul>
                        <div class="button-wrapper">
                            <a class="btn-solid-reg page-scroll" href="<?php echo e(route('registration',['plan'=>$plan->id])); ?>"><?php echo e(trans('layout.join')); ?></a>
                        </div>
                    </div>
                </div> <!-- end of card -->
                <!-- end of card -->
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of cards-2 -->
<!-- end of pricing -->


<!-- Testimonials -->
<div class="slider-2">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">

                <!-- Text Slider -->
                <div class="slider-container">
                    <div class="swiper-container text-slider">
                        <div class="swiper-wrapper">

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-wrapper">
                                    <img class="img-fluid" src="<?php echo e(asset('front/images/profile.png')); ?>"
                                         alt="alternative">
                                </div> <!-- end of image-wrapper -->
                                <div class="text-wrapper">
                                    <div class="testimonial-text">Lorem ipsum dolor sit amet, consectetur adipiscing
                                        elit. Mauris ac facilisis nisi, sit amet volutpat urna. Donec blandit arcu eu
                                        sem varius semper. Aliquam fermentum urna a nunc gravida accumsan. Nulla
                                        malesuada porta purus, at fringilla massa tempor sit amet. Maecenas eget ex
                                        euismod velit elementum accumsan. Nam elementum massa nec elit varius, non
                                        bibendum leo cursus. Suspendisse potenti. Nulla mattis ac risus ut luctus.
                                    </div>
                                    <div class="testimonial-author">Raqibul Hasan - CEO</div>
                                </div> <!-- end of text-wrapper -->
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-wrapper">
                                    <img class="img-fluid" src="<?php echo e(asset('front/images/profile.png')); ?>"
                                         alt="alternative">
                                </div> <!-- end of image-wrapper -->
                                <div class="text-wrapper">
                                    <div class="testimonial-text">Lorem ipsum dolor sit amet, consectetur adipiscing
                                        elit. Mauris ac facilisis nisi, sit amet volutpat urna. Donec blandit arcu eu
                                        sem varius semper. Aliquam fermentum urna a nunc gravida accumsan. Nulla
                                        malesuada porta purus, at fringilla massa tempor sit amet. Maecenas eget ex
                                        euismod velit elementum accumsan. Nam elementum massa nec elit varius, non
                                        bibendum leo cursus. Suspendisse potenti. Nulla mattis ac risus ut luctus.
                                    </div>
                                    <div class="testimonial-author">Tuhin Hossian - CEO</div>
                                </div> <!-- end of text-wrapper -->
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                            <!-- Slide -->
                            <div class="swiper-slide">
                                <div class="image-wrapper">
                                    <img class="img-fluid" src="<?php echo e(asset('front/images/profile.png')); ?>"
                                         alt="alternative">
                                </div> <!-- end of image-wrapper -->
                                <div class="text-wrapper">
                                    <div class="testimonial-text">Lorem ipsum dolor sit amet, consectetur adipiscing
                                        elit. Mauris ac facilisis nisi, sit amet volutpat urna. Donec blandit arcu eu
                                        sem varius semper. Aliquam fermentum urna a nunc gravida accumsan. Nulla
                                        malesuada porta purus, at fringilla massa tempor sit amet. Maecenas eget ex
                                        euismod velit elementum accumsan. Nam elementum massa nec elit varius, non
                                        bibendum leo cursus. Suspendisse potenti. Nulla mattis ac risus ut luctus.
                                    </div>
                                    <div class="testimonial-author">Hridoy Hasan - Online Marketer</div>
                                </div> <!-- end of text-wrapper -->
                            </div> <!-- end of swiper-slide -->
                            <!-- end of slide -->

                        </div> <!-- end of swiper-wrapper -->

                        <!-- Add Arrows -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <!-- end of add arrows -->

                    </div> <!-- end of swiper-container -->
                </div> <!-- end of slider-container -->
                <!-- end of text slider -->

            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of slider-2 -->
<!-- end of testimonials -->


<!-- Newsletter -->
<div class="form">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="text-container">
                    <div class="above-heading">NEWSLETTER</div>
                    <h2>Stay Updated With The Latest News</h2>

                    <!-- Newsletter Form -->
                    <form method="post" action="<?php echo e(route('subscribe')); ?>" id="newsletterForm" data-toggle="validator" data-focus="false">
                      <?php echo csrf_field(); ?>
                        <div class="form-group">
                            <input name="email" type="email" class="form-control-input" id="nemail" required>
                            <label class="label-control" for="nemail">Email</label>
                            <div class="help-block with-errors"></div>
                        </div>
                        <div class="form-group checkbox">
                            <input type="checkbox" id="nterms" value="Agreed-to-Terms" required>I've read and agree to
                            PicoQR's written <a href="privacy-policy.html">Privacy Policy</a> and <a
                                href="terms-conditions.html">Terms Conditions</a>
                            <div class="help-block with-errors"></div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="form-control-submit-button">SUBSCRIBE</button>
                        </div>
                        <div class="form-message">
                            <div id="nmsgSubmit" class="h3 text-center hidden"></div>
                        </div>
                    </form>
                    <!-- end of newsletter form -->

                </div> <!-- end of text-container -->
            </div> <!-- end of col -->
        </div> <!-- end of row -->
        <div class="row">
            <div class="col-lg-12">
                <div class="icon-container">
                        <span class="fa-stack">
                            <a href="#your-link">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="fab fa-facebook-f fa-stack-1x"></i>
                            </a>
                        </span>
                    <span class="fa-stack">
                            <a href="#your-link">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="fab fa-twitter fa-stack-1x"></i>
                            </a>
                        </span>
                    <span class="fa-stack">
                            <a href="#your-link">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="fab fa-pinterest-p fa-stack-1x"></i>
                            </a>
                        </span>
                    <span class="fa-stack">
                            <a href="#your-link">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="fab fa-instagram fa-stack-1x"></i>
                            </a>
                        </span>
                    <span class="fa-stack">
                            <a href="#your-link">
                                <i class="fas fa-circle fa-stack-2x"></i>
                                <i class="fab fa-linkedin-in fa-stack-1x"></i>
                            </a>
                        </span>
                </div> <!-- end of col -->
            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of form -->
<!-- end of newsletter -->


<!-- Footer -->
<svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
     viewBox="0 0 1920 79">
    <defs>
        <style>.cls-2 {
                fill: #5f4def;
            }</style>
    </defs>
    <title>footer-frame</title>
    <path class="cls-2"
          d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z"
          transform="translate(0 -0.188)"/>
</svg>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="footer-col first">
                    <h4>About PicoQR</h4>
                    <p class="p-small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac facilisis
                        nisi, sit amet volutpat urna.</p>
                </div>
            </div> <!-- end of col -->
            <div class="col-md-4">
                <div class="footer-col middle">
                    <h4>Important Links</h4>
                    <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                            <i class="fas fa-square"></i>
                            <div class="media-body">Our business partners <a class="white" href="#">qr.picotech.app</a>
                            </div>
                        </li>
                        <li class="media">
                            <i class="fas fa-square"></i>
                            <div class="media-body">Read our <a class="white" href="#">Terms & Conditions</a>, <a
                                    class="white" href="#">Privacy Policy</a></div>
                        </li>
                    </ul>
                </div>
            </div> <!-- end of col -->
            <div class="col-md-4">
                <div class="footer-col last">
                    <h4>Contact</h4>
                    <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                            <i class="fas fa-map-marker-alt"></i>
                            <div class="media-body">Modhure More, Kurigram, BD</div>
                        </li>
                        <li class="media">
                            <i class="fas fa-envelope"></i>
                            <div class="media-body"><a class="white" href="#">contact@picotech.com</a> <i
                                    class="fas fa-globe"></i><a class="white" href="#your-link">qr.picotech.app</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of footer -->
<!-- end of footer -->


<!-- Copyright -->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <p class="p-small">Copyright © <?php echo e(date('Y')); ?></p>
            </div> <!-- end of col -->
        </div> <!-- enf of row -->
    </div> <!-- end of container -->
</div> <!-- end of copyright -->
<!-- end of copyright -->


<!-- Scripts -->
<script src="<?php echo e(asset('front/js/jquery.min.js')); ?>"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="<?php echo e(asset('front/js/popper.min.js')); ?>"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="<?php echo e(asset('front/js/bootstrap.min.js')); ?>"></script> <!-- Bootstrap framework -->
<script src="<?php echo e(asset('front/js/jquery.easing.min.js')); ?>"></script>
<!-- jQuery Easing for smooth scrolling between anchors -->
<script src="<?php echo e(asset('front/js/swiper.min.js')); ?>"></script> <!-- Swiper for image and text sliders -->
<script src="<?php echo e(asset('front/js/jquery.magnific-popup.js')); ?>"></script> <!-- Magnific Popup for lightboxes -->
<script src="<?php echo e(asset('front/js/scripts.js')); ?>"></script> <!-- Custom scripts -->
<?php if(isset(json_decode(get_settings('site_setting'))->cookie_consent) && json_decode(get_settings('site_setting'))->cookie_consent == 'enable'): ?>
<script src="<?php echo e(asset('js/cookie_consent.js')); ?>"></script>
<script>
    window.cookieconsent.initialise({
        "palette": {
            "popup": {
                "background": "#8000ff"
            },
            "button": {
                "background": "#f2cbcb"
            }
        },
        "theme": "classic",
        "position": "bottom-left",
        "type": "opt-out",
        "content": {
            "href": "<?php echo e(request()->url('index')); ?>#privacy_policy"
        }
    });
</script>
<?php endif; ?>
</body>
</html>
<?php /**PATH E:\php\picoqr\resources\views/layouts/frontLayout.blade.php ENDPATH**/ ?>