@extends('layouts.frontend')
@section('content')
<div class="ps-page--single">
        <div class="ps-breadcrumb">
            <div class="container">
                <ul class="breadcrumb">
                    <li><a href="{{ route('welcome') }}">Home</a></li>
                    <li>Become a Vendor</li>
                </ul>
            </div>
        </div>
        <div class="ps-section--vendor ps-vendor-about">
            <div class="container">
                <div class="ps-section__header">
                    <p>WHY SELL ON SHOPATZIM</p>
                    <h4>Join a marketplace where nearly 50 million buyers around <br> the world shop for unique items</h4>
                </div>
            </div>
        </div>
        <div class="ps-section--vendor ps-vendor-milestone">
            <div class="container">
                <div class="ps-section__header">
                    <p>How it works</p>
                    <h4>Easy to start selling online on Shop@Zim just 4 simple steps</h4>
                </div>
                <div class="ps-section__content">
                    <div class="ps-block--vendor-milestone">
                        <div class="ps-block__left">
                            <h4>Register and list your products</h4>
                            <ul>
                                <li>Register your business for free and create a product catalogue. Get free training on how to run your online business</li>
                                <li>Our Shop@ZIm Advisors will help you at every step and fully assist you in taking your business online</li>
                            </ul>
                        </div>
                        <div class="ps-block__right"><img src="{{ asset('frontend/img/vendor/milestone-1.png')}}" alt=""></div>
                        <div class="ps-block__number"><span>1</span></div>
                    </div>
                    <div class="ps-block--vendor-milestone reverse">
                        <div class="ps-block__left">
                            <h4>Receive orders and sell your product</h4>
                            <ul>
                                <li>Register your business for free and create a product catalogue. Get free training on how to run your online business</li>
                                <li>Our Shop@ZIm Advisors will help you at every step and fully assist you in taking your business online</li>
                            </ul>
                        </div>
                        <div class="ps-block__right"><img src="{{ asset('frontend/img/vendor/milestone-2.png')}}" alt=""></div>
                        <div class="ps-block__number"><span>2</span></div>
                    </div>
                    <div class="ps-block--vendor-milestone">
                        <div class="ps-block__left">
                            <h4>Package and ship with ease</h4>
                            <ul>
                                <li>Register your business for free and create a product catalogue. Get free training on how to run your online business</li>
                                <li>Our Shop@ZIm Advisors will help you at every step and fully assist you in taking your business online</li>
                            </ul>
                        </div>
                        <div class="ps-block__right"><img src="{{ asset('frontend/img/vendor/milestone-3.png')}}" alt=""></div>
                        <div class="ps-block__number"><span>3</span></div>
                    </div>
                    <div class="ps-block--vendor-milestone reverse">
                        <div class="ps-block__left">
                            <h4>Package and ship with ease</h4>
                            <ul>
                                <li>Register your business for free and create a product catalogue. Get free training on how to run your online business</li>
                                <li>Our Shop@ZIm Advisors will help you at every step and fully assist you in taking your business online</li>
                            </ul>
                        </div>
                        <div class="ps-block__right"><img src="{{ asset('frontend/img/vendor/milestone-4.png')}}" alt=""></div>
                        <div class="ps-block__number"><span>4</span></div>
                    </div>
                </div>
            </div>
        </div>
     
       <!-- <div class="ps-section--vendor ps-vendor-testimonials">
            <div class="container">
                <div class="ps-section__header">
                    <p>SELLER STORIES</p>
                    <h4>See Seller share about their successful on Shop@ZIm</h4>
                </div>
                <div class="ps-section__content">
                    <div class="ps-carousel--nav owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="10000" data-owl-gap="30" data-owl-nav="true" data-owl-dots="true" data-owl-item="2" data-owl-item-xs="1" data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="2" data-owl-duration="1000" data-owl-mousedrag="on">
                        <div class="ps-block--testimonial">
                            <div class="ps-block__header"><img src="img/users/1.jpg" alt=""></div>
                            <div class="ps-block__content"><i class="icon-quote-close"></i>
                                <h4>Kanye West<span>Head Chef at BBQ Restaurant</span></h4>
                                <p>Sed elit quam, iaculis sed semper sit amet udin vitae nibh. at magna akal semperFusce commodo molestie luctus.Lorem ipsum Dolor tusima olatiup.</p>
                            </div>
                        </div>
                        <div class="ps-block--testimonial">
                            <div class="ps-block__header"><img src="img/users/2.png" alt=""></div>
                            <div class="ps-block__content"><i class="icon-quote-close"></i>
                                <h4>Anabella Kleva<span>Boss at TocoToco</span></h4>
                                <p>Sed elit quam, iaculis sed semper sit amet udin vitae nibh. at magna akal semperFusce commodo molestie luctus.Lorem ipsum Dolor tusima olatiup.</p>
                            </div>
                        </div>
                        <div class="ps-block--testimonial">
                            <div class="ps-block__header"><img src="img/users/3.jpg" alt=""></div>
                            <div class="ps-block__content"><i class="icon-quote-close"></i>
                                <h4>William Roles<span>Head Chef at BBQ Restaurant</span></h4>
                                <p>Sed elit quam, iaculis sed semper sit amet udin vitae nibh. at magna akal semperFusce commodo molestie luctus.Lorem ipsum Dolor tusima olatiup.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>-->
     
        <div class="ps-vendor-banner bg--cover" data-background="{{ asset('frontend/img/bg/vendor.jpg')}}">
            <div class="container">
                <h2>It's time to start making money.</h2>
                <a class="ps-btn ps-btn--lg" href="{{ route('register') }}">Start Selling</a>
            </div>
        </div>
    </div>
    @endsection