<?php $__env->startSection('content'); ?>
<section class="section-padding" id="about_page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-10 col-md-offset-1">
                <div class="page-title text-center">
                    <img src="images/about-logo.svg" alt="Logo">
                    <div class="space-20"></div>
                    <h5 class="title">About Prosmart</h5>
                    <div class="space-30"></div>
                    <h3 class="">At Pro Smart AD we develop IoT solutions for the automation of all home systems. We provide users with the real-time control and information needed to make positive impact on their lives and the environment by reducing energy consumption and increasing comfort. We work closely with other businesses to reach as many people as possible. </h3>
                    <div class="space-20"></div>
                    <p></p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- About-Area-End -->
<!-- Progress-Area -->
<section class="progress-area gray-bg" id="progress_page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <div class="page-title section-padding">
                    <h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">White Label IoT Products</h3>
                    <div class="space-20"></div>
                    <div class="desc wow fadeInUp" data-wow-delay="0.6s">
                        <p>Put your brand name and logo on the products, boxes and the app. Satisfy the needs of all your brand loyal customers with IoT solutions for intelligent living. </p>
                    </div>
                    <div class="space-50"></div>
                    <a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a>
                </div>
            </div>
            <div class="col-xs-12 col-md-6">
                <figure class="mobile-image">
                    <img src="images/progress-phone.png" alt="">
                </figure>
            </div>
        </div>
    </div>
</section>
<!-- Progress-Area-End -->
<!-- Video-Area -->
<section class="video-area section-padding">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-6">
                <div class="video-photo">
                    <img src="images/video-image.jpg" alt="">
                    <a href="https://www.youtube.com/watch?v=UFjNiTp6eUI" class="popup video-button">
                        <img src="images/play-button.png" alt="">
                    </a>
                </div>
            </div>
            <div class="col-xs-12 col-md-5 col-md-offset-1">
                <div class="space-60 hidden visible-xs"></div>
                <div class="page-title">
                    <h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">Stay in control of your home, wherever life takes you.</h3>
                    <div class="desc wow fadeInUp" data-wow-delay="0.6s">
                        <p>Easy and flexible programming options that fit any lifestyle.</p>
                    </div>
                    <div class="space-20"></div>
                    <a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Video-Area-End -->
<!-- Feature-Area -->
<section class="feature-area section-padding-top" id="features_page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <div class="page-title text-center">
                    <h3 class="title">Want to grow your business?</h3>
                    <div class="space-10"></div>
                    <h4>We have spent considerable time developing high quality IoT devices, so you can focus on your main business operations. We are ready to help you become part of the fastest growing market and network - IoT and take your business to the next level.  All products are with high system compatibility, so you can easily integrate them in any system in your existing portfolio.</h4>
                    <div class="space-60"></div>
                    <h4 class="title">Business Areas</h4>
                    <div class="space-20"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4">
              <div class="box-icon">
                <img src="/images/icons/smart-home.svg" alt="">
              </div>
                <h3>Smart Home</h3>
                <p>Transform your customers' world with smart home devices by Pro Smart. We develop products with intuitiveness, efficiency and comfort in mind. </p>
                <a class="bttn-white" href="#">Learn more</a>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4">
                <img src="/images/icons/temperature-control.svg" alt="">
                <h3>Heating/Cooling Industry</h3>
                <p>Enhance the functionality of any heating/cooling system by ensuring high comfort and low energy bills. </p>
                <a class="bttn-white" href="#">Learn more</a>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4">
                <img src="/images/icons/automated.svg" alt="">
                <h3>ACCESS CONTROL</h3>
                <p>Operate any door from anywhere in the world. Give control and comfort at their fingertips.</p>
                <a class="bttn-white" href="#">Learn more</a>
            </div>
        </div>
    </div>
</section>
<!-- <section class="feature-area section-padding-top" id="features_page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-sm-offset-2">
                <div class="page-title text-center">
                    <h5 class="title">Features</h5>
                    <div class="space-10"></div>
                    <h3>Pwoerful Features As Always</h3>
                    <div class="space-60"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box-icon">
                        <i class="lnr lnr-rocket"></i>
                    </div>
                    <h4>Fast &amp; Powerful</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="space-60"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.4s">
                    <div class="box-icon">
                        <i class="lnr lnr-paperclip"></i>
                    </div>
                    <h4>Easily Editable</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="space-60"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box-icon">
                        <i class="lnr lnr-cloud-download"></i>
                    </div>
                    <h4>Cloud Storage</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="space-60"></div>
            </div>
            <div class="hidden-xs hidden-sm col-md-4">
                <figure class="mobile-image">
                    <img src="images/feature-image.png" alt="Feature Photo">
                </figure>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box-icon">
                        <i class="lnr lnr-clock"></i>
                    </div>
                    <h4>Easy Notifications</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="space-60"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.4s">
                    <div class="box-icon">
                        <i class="lnr lnr-laptop-phone"></i>
                    </div>
                    <h4>Fully Responsive</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="space-60"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h4>Editable Layout</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                </div>
                <div class="space-60"></div>
            </div>
        </div>
    </div>
</section> -->
<!-- Feature-Area-End -->
<!-- Testimonial-Area -->
<section class="testimonial-area" id="testimonial_page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="page-title text-center">
                  <img src="images/about-logo.svg" alt="Logo">
                  <div class="space-20"></div>
                    <h5 class="title">Testimonials</h5>
                    <h3 class="dark-color">Our Client Loves US</h3>
                    <div class="space-60"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="team-slide">
                    <div class="team-box">
                        <h6 class="position">⭐⭐⭐⭐⭐</h6>
                        <h4>Robert</h4>
                        <p>Adequate and easy to use</p>
                    </div>
                    <div class="team-box">
                        <h6 class="position">⭐⭐⭐⭐⭐</h6>
                        <h4>Fotios Konstantellos</h4>
                        <p>Excellent</p>
                    </div>
                    <div class="team-box">
                        <h6 class="position">⭐⭐⭐⭐⭐</h6>
                        <h4>Evangelos Ntararas</h4>
                        <p>Wonderful app and product. Highly recommend it!</p>
                    </div>
                    <div class="team-box">
                        <h6 class="position">⭐⭐⭐⭐⭐</h6>
                        <h4>Dino Mitev</h4>
                        <p>Useful and very to use!</p>
                    </div>
                    <div class="team-box">
                        <h6 class="position">⭐⭐⭐⭐⭐</h6>
                        <h4>Radoslav</h4>
                        <p>Fantastic app, never had a single issue.</p>
                    </div>
                    <div class="team-box">
                        <h6 class="position">⭐⭐⭐⭐⭐</h6>
                        <h4>Ivan Karapandzic</h4>
                        <p>Great app and great products!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Testimonial-Area-End -->
<!-- Gallery-Area -->
<section class="gallery-area section-padding" id="gallery_page">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-sm-6 gallery-slider">
                <div class="gallery-slide">
                    <div class="item"><img src="images/gallery-1.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-2.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-3.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-4.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-1.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-2.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-3.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-1.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-2.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-3.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-4.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-1.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-2.jpg" alt=""></div>
                    <div class="item"><img src="images/gallery-3.jpg" alt=""></div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-5 col-lg-3">
                <div class="page-title">
                    <h5 class="white-color title wow fadeInUp" data-wow-delay="0.2s">Screenshots</h5>
                    <div class="space-10"></div>
                    <h3 class="white-color wow fadeInUp" data-wow-delay="0.4s">Screenshot 01</h3>
                </div>
                <div class="space-20"></div>
                <div class="desc wow fadeInUp" data-wow-delay="0.6s">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p>
                </div>
                <div class="space-50"></div>
                <a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a>
            </div>
        </div>
    </div>
</section>
<!-- Gallery-Area-End -->
<!-- How-To-Use -->
<section class="section-padding">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <div class="page-title">
                    <h5 class="title wow fadeInUp" data-wow-delay="0.2s">Our features</h5>
                    <div class="space-10"></div>
                    <h3 class="dark-color wow fadeInUp" data-wow-delay="0.4s">Aour Approach of Design is Prety Simple and Clear</h3>
                </div>
                <div class="space-20"></div>
                <div class="desc wow fadeInUp" data-wow-delay="0.6s">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiing elit, sed do eiusmod tempor incididunt ut labore et laborused sed do eiusmod tempor incididunt ut labore et laborused.</p>
                </div>
                <div class="space-50"></div>
                <a href="#" class="bttn-default wow fadeInUp" data-wow-delay="0.8s">Learn More</a>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-5 col-md-offset-1">
                <div class="space-60 hidden visible-xs"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box-icon">
                        <i class="lnr lnr-clock"></i>
                    </div>
                    <h4>Easy Notifications</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                </div>
                <div class="space-50"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box-icon">
                        <i class="lnr lnr-laptop-phone"></i>
                    </div>
                    <h4>Fully Responsive</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                </div>
                <div class="space-50"></div>
                <div class="service-box wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box-icon">
                        <i class="lnr lnr-cog"></i>
                    </div>
                    <h4>Editable Layout</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- How-To-Use-End -->
<!-- Download-Area -->
<div class="download-area overlay">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6 hidden-sm">
                <figure class="mobile-image">
                    <img src="images/download-image.png" alt="">
                </figure>
            </div>
            <div class="col-xs-12 col-md-6 section-padding">
                <h3 class="white-color">Download The App</h3>
                <div class="space-20"></div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam possimus eaque magnam eum praesentium unde.</p>
                <div class="space-60"></div>
                <a href="#" class="bttn-white sq"><img src="images/apple-icon.png" alt="apple icon"> Apple Store</a>
                <a href="#" class="bttn-white sq"><img src="images/play-store-icon.png" alt="Play Store Icon"> Play Store</a>
            </div>
        </div>
    </div>
</div>
<!-- Download-Area-End -->
<!--Price-Area -->
<section class="section-padding price-area" id="price_page">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="page-title text-center">
                    <h5 class="title">Pricing Plan</h5>
                    <h3 class="dark-color">Our Awesome Pricing Plan</h3>
                    <div class="space-60"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-4">
                <div class="price-box">
                    <div class="price-header">
                        <div class="price-icon">
                            <span class="lnr lnr-rocket"></span>
                        </div>
                        <h4 class="upper">Free</h4>
                    </div>
                    <div class="price-body">
                        <ul>
                            <li>Easy Installations</li>
                            <li>Unlimited support</li>
                            <li>Uniqe Elements</li>
                        </ul>
                    </div>
                    <div class="price-rate">
                        <sup>&#36;</sup> <span class="rate">0</span> <small>/Month</small>
                    </div>
                    <div class="price-footer">
                        <a href="#" class="bttn-white">Purchase</a>
                    </div>
                </div>
                <div class="space-30 hidden visible-xs"></div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="price-box">
                    <div class="price-header">
                        <div class="price-icon">
                            <span class="lnr lnr-diamond"></span>
                        </div>
                        <h4 class="upper">Medium</h4>
                    </div>
                    <div class="price-body">
                        <ul>
                            <li>Easy Installations</li>
                            <li>Unlimited support</li>
                            <li>Free Forever</li>
                        </ul>
                    </div>
                    <div class="price-rate">
                        <sup>&#36;</sup> <span class="rate">49</span> <small>/Month</small>
                    </div>
                    <div class="price-footer">
                        <a href="#" class="bttn-white">Purchase</a>
                    </div>
                </div>
                <div class="space-30 hidden visible-xs"></div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="price-box">
                    <div class="price-header">
                        <div class="price-icon">
                            <span class="lnr lnr-pie-chart"></span>
                        </div>
                        <h4 class="upper">Business</h4>
                    </div>
                    <div class="price-body">
                        <ul>
                            <li>Easy Installations</li>
                            <li>Unlimited support</li>
                            <li>Free Forever</li>
                        </ul>
                    </div>
                    <div class="price-rate">
                        <sup>&#36;</sup> <span class="rate">99</span> <small>/Month</small>
                    </div>
                    <div class="price-footer">
                        <a href="#" class="bttn-white">Purchase</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Price-Area-End -->
<!--Questions-Area -->
<section id="questions_page" class="questions-area section-padding">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="page-title text-center">
                    <h5 class="title">FAQ</h5>
                    <h3 class="dark-color">Frequently Asked Questions</h3>
                    <div class="space-60"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <div class="toggole-boxs">
                    <h3>Faq first question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                    <h3>About freewuent question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                    <h3>Why more question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                    <h3>What question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6">
                <div class="space-20 hidden visible-xs"></div>
                <div class="toggole-boxs">
                    <h3>Faq second question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                    <h3>Third faq question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                    <h3>Why more question goes here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                    <h3>Seventh frequent question here? </h3>
                    <div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Questions-Area-End -->
<!-- Subscribe-Form -->
<div class="subscribe-area section-padding">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-sm-offset-2">
                <div class="subscribe-form text-center">
                    <h3 class="blue-color">Subscribe for More Features</h3>
                    <div class="space-20"></div>
                    <form id="mc-form">
                        <input type="email" class="control" placeholder="Enter your email" required="required" id="mc-email">
                        <button class="bttn-white active" type="submit"><span class="lnr lnr-location"></span> Subscribe</button>
                        <label class="mt10" for="mc-email"></label>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.main', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Users/milenchavdarov/Desktop/prosmart/prosmart/resources/views/welcome.blade.php ENDPATH**/ ?>