@extends('layouts.default')
@section('content')
<section class="headerPage">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="{{ asset('assets/images/slidehero.png') }}" class="d-block w-100" alt="header">
                <div class="carousel-caption">
                    <h5>We Give You,</h5>
                    <h2>Explore All Categories</h2>
                    <p class="mb-0">Enjoy an entirely new level of driving experience with our in-depth selection of superior car bulbs, brake pads, spark plugs, and other automotive parts and accessories designed to keep your car running at its absolute best.</p>
                </div>
            </div>
        </div>
</section>
<section class="getReg sectionSpac">
    <div class="container">
        <h3 class="sectionTitle mb-4 text-center"><span class="me-1">get</span>Registered</h3>
        <h1 class="regBnrlgT fw-bold text-center text-uppercase">Get Registered as Merchant<br>& Get Benefits</h1>
        <div class="row my-md-5 my-4">
            <div class="col-md-6 mb-md-5  mb-4">
                <div class="benefitWrap d-flex">
                    <div class="benefitNum me-3">1</div>
                    <div class="benefitText">
                        <h6 class="benefitTitle mb-2">Minimal Physical Need</h6>
                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-md-5  mb-4">
                <div class="benefitWrap d-flex">
                    <div class="benefitNum me-3">2</div>
                    <div class="benefitText">
                        <h6 class="benefitTitle mb-2">High Income Potential</h6>
                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-md-5  mb-4">
                <div class="benefitWrap d-flex">
                    <div class="benefitNum me-3">3</div>
                    <div class="benefitText">
                        <h6 class="benefitTitle mb-2">Work and earn at your own pace</h6>
                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-md-5  mb-4">
                <div class="benefitWrap d-flex">
                    <div class="benefitNum me-3">4</div>
                    <div class="benefitText">
                        <h6 class="benefitTitle mb-2">High Income Potential</h6>
                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-md-5  mb-4">
                <div class="benefitWrap d-flex">
                    <div class="benefitNum me-3">5</div>
                    <div class="benefitText">
                        <h6 class="benefitTitle mb-2">Explore the World.</h6>
                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis </p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-md-5  mb-4">
                <div class="benefitWrap d-flex">
                    <div class="benefitNum me-3">6</div>
                    <div class="benefitText">
                        <h6 class="benefitTitle mb-2">You can have Work From Home Advan tages of being a Merchant</h6>
                        <p class="mb-0">Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="regBanner">
    <div class="container">
        <h3 class="regBnrTitle text-uppercase fw-bold text-white text-center">Boost up Your business</h3>
        <h2 class="regBnrlgT text-uppercase fw-bold text-white text-center">with Us & Start Growing</h2>
        <div class="row mt-5">
            <div class="col-lg-4 col-sm-6 mb-md-5 mb-4">
                <div class="rgbnWrap d-flex align-items-center">
                    <div class="rgbnImg d-flex align-items-center justify-content-center me-3"><img src="{{ asset('assets/images/rgbicon1.png') }}" alt="image"></div>
                    <div class="rgbnrTitle text-white">Register &<br>Become Merchant</div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-md-5 mb-4">
                <div class="rgbnWrap d-flex align-items-center">
                    <div class="rgbnImg d-flex align-items-center justify-content-center me-3"><img src="{{ asset('assets/images/rgbicon2.png') }}" alt="image"></div>
                    <div class="rgbnrTitle text-white">Start Up<br>Your Online Store</div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-md-5 mb-4">
                <div class="rgbnWrap d-flex align-items-center">
                    <div class="rgbnImg d-flex align-items-center justify-content-center me-3"><img src="{{ asset('assets/images/rgbicon3.png') }}" alt="image"></div>
                    <div class="rgbnrTitle text-white">Showcase<br>Your Products</div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-md-5 mb-4">
                <div class="rgbnWrap d-flex align-items-center">
                    <div class="rgbnImg d-flex align-items-center justify-content-center me-3"><img src="{{ asset('assets/images/rgbicon4.png') }}" alt="image"></div>
                    <div class="rgbnrTitle text-white">Offers Your<br>Premium Services</div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-md-5 mb-4">
                <div class="rgbnWrap d-flex align-items-center">
                    <div class="rgbnImg d-flex align-items-center justify-content-center me-3"><img src="{{ asset('assets/images/rgbicon5.png') }}" alt="image"></div>
                    <div class="rgbnrTitle text-white">Offer Reliable<br>Delivery Services</div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 mb-md-5">
                <div class="rgbnWrap d-flex align-items-center">
                    <div class="rgbnImg d-flex align-items-center justify-content-center me-3"><img src="{{ asset('assets/images/rgbicon6.png') }}" alt="image"></div>
                    <div class="rgbnrTitle text-white">Get Upto 10000<br>Registered Customer</div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="sectionSpac text-center">
    <div class="container">
        <h1 class="regBnrlgT fw-bold text-uppercase">Millions of Shoppers<br>are waiting to visit your store</h1>
        <a href="getregistered" class="btnMain mt-md-5 mt-4">Continue</a>
    </div>
</section>        
@endsection