@extends('layouts.master')

@section('content')
<section class="welcome-area">

    <div class="welcome-slides owl-carousel">

        <div class="single-welcome-slide">

            <div class="bg-curve" style="background-image: url({{asset('')}}img/core-img/curve.png);"></div>

            <div class="main-bg-img bg-img" data-animation="fadeInUpBig" data-delay="200ms" style="background-image: url({{asset('')}}img/bg-img/18.jpg);"></div>

            <div class="container h-100">
                <div class="row h-100 align-items-center">
                    <div class="col-12">
                        <div class="welcome-text">
                            <h2 data-animation="bounceInUp" data-delay="400ms">STYLE <br>
                                WRIGHT</h2>
                            <h5 data-animation="bounceInUp" data-delay="600ms">The Apparel Sourcing Company</h5>
                            <a href="#" class="btn" data-animation="bounceInUp" data-delay="800ms">PHILOSOPHY <i class="arrow_right"></i></a>
                        </div>PRODUCT SOURCING
                    </div>
                </div>
            </div>

            <div class="social-info">
                <a target="_blank" href="https://www.facebook.com/Stylewright-101221441978323" data-animation="bounceInDown" data-delay="1000ms"><i class="fa fa-facebook"></i> <span>Facebook</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1100ms"><i class="fa fa-twitter"></i> <span>Twitter</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1200ms"><i class="fa fa-instagram"></i> <span>Instagram</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1300ms"><i class="fa fa-youtube-play"></i> <span>Youtube</span></a>
            </div>

            <div class="slide-pager">
                <a href="#">STYLEWRIGHT</a>
            </div>
        </div>

        <div class="single-welcome-slide">

            <div class="bg-curve" style="background-image: url({{asset('')}}img/core-img/curve.png);"></div>

            <div class="main-bg-img bg-img" data-animation="fadeInUpBig" data-delay="200ms" style="background-image: url({{asset('')}}img/bg-img/19.jpg);"></div>

            <div class="container h-100">
                <div class="row h-100 align-items-center">
                    <div class="col-12">
                        <div class="welcome-text">
                            <h2 data-animation="bounceInUp" data-delay="400ms">STYLE <br>
                                WRIGHT</h2>
                            <h5 data-animation="bounceInUp" data-delay="600ms">The Apparel Sourcing Company</h5>
                            <a href="#" class="btn" data-animation="bounceInUp" data-delay="800ms">PHILOSOPHY <i class="arrow_right"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="social-info">
                <a target="_blank" href="https://www.facebook.com/Stylewright-101221441978323" data-animation="bounceInDown" data-delay="1000ms"><i class="fa fa-facebook"></i> <span>Facebook</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1100ms"><i class="fa fa-twitter"></i> <span>Twitter</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1200ms"><i class="fa fa-instagram"></i> <span>Instagram</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1300ms"><i class="fa fa-youtube-play"></i> <span>Youtube</span></a>
            </div>

            <div class="slide-pager">
                <a href="#">STYLEWRIGHT</a>
            </div>
        </div>

        <div class="single-welcome-slide">

            <div class="bg-curve" style="background-image: url({{asset('')}}img/core-img/curve.png);"></div>

            <div class="main-bg-img bg-img" data-animation="fadeInUpBig" data-delay="200ms" style="background-image: url({{asset('')}}img/bg-img/20.jpg);"></div>

            <div class="container h-100">
                <div class="row h-100 align-items-center">
                    <div class="col-12">
                        <div class="welcome-text">
                            <h2 data-animation="bounceInUp" data-delay="400ms">STYLE <br>
                                WRIGHT</h2>
                            <h5 data-animation="bounceInUp" data-delay="600ms">The Apparel Sourcing Company</h5>
                            <a href="#" class="btn" data-animation="bounceInUp" data-delay="800ms">PHILOSOPHY <i class="arrow_right"></i></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="social-info">
                <a target="_blank" href="https://www.facebook.com/Stylewright-101221441978323" data-animation="bounceInDown" data-delay="1000ms"><i class="fa fa-facebook"></i> <span>Facebook</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1100ms"><i class="fa fa-twitter"></i> <span>Twitter</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1200ms"><i class="fa fa-instagram"></i> <span>Instagram</span></a>
                <a href="#" data-animation="bounceInDown" data-delay="1300ms"><i class="fa fa-youtube-play"></i> <span>Youtube</span></a>
            </div>

            <div class="slide-pager">
                <a href="#">STYLEWRIGHT</a>
            </div>
        </div>
    </div>
</section>


<section class="mona-about-us-area mb-30 section-padding-80-0">
    <div class="container">
        <div class="row">

            <div class="col-12 col-sm-6 col-lg-4">
                <div class="about-us-thumbnail mb-50 wow fadeInUp" data-wow-delay="100ms">
                    <span class="line"></span>
                    <img src="{{asset('')}}img/bg-img/16.jpg" alt="">
                    <span class="line2"></span>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-lg-4">
                <div class="about-us-thumbnail mb-50 wow fadeInUp" data-wow-delay="400ms">
                    <span class="line"></span>
                    <img src="{{asset('')}}img/bg-img/17.jpg" alt="">
                    <span class="line2"></span>
                </div>
            </div>

            <div class="col-12 col-lg-4">
                <div class="about-us-content mb-50 wow fadeInUp" data-wow-delay="700ms">
                    <h2>We Have 20+ Years Practical Experience in Sourcing</h2>
                    <p>We, all in STYLEWRIGHT, strongly believe we have the ability to work with any of the world’s fashion /apparel brand
                        & companies.</p>
                    <p>We strive to be ahead of our competitors in product sourcing, development along with competitive pricing.
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="service-area mt-80">
            <div class="row">

                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="single-service-area mb-50 wow fadeInUp" data-wow-delay="100ms">
                        <i class="icon_toolbox_alt"></i>
                        <h5>PRODUCT SOURCING</h5>
                        <p>A number of associated factories & manufacturing
                            units enables us to source, produce, export &
                            distributing all kinds of apparel products, leather
                            products, terracotta products along with several
                            accessories all over the world.</p>
                    </div>
                </div>

                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="single-service-area mb-50 wow fadeInUp" data-wow-delay="300ms">
                        <i class="icon_flowchart"></i>
                        <h5>PRODUCTION CONTROL</h5>
                        <p>We have experienced technical experts on
                            -site who
                            monitor and control the production at our
                            associated factories/manufacturing units . </p>
                    </div>
                </div>

                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="single-service-area mb-50 wow fadeInUp" data-wow-delay="500ms">
                        <i class="icon_camera_alt"></i>
                        <h5>DESIGN & PATTERNS</h5>
                        <p>Our Technical Support Teams ensure the design &
                            pattern accuracy of the products/garments based
                            on the design sheets & measurements given or
                            standard measurements to achieve the desired
                            final product/garments. </p>
                    </div>
                </div>

                <div class="col-12 col-sm-6 col-lg-3">
                    <div class="single-service-area mb-50 wow fadeInUp" data-wow-delay="700ms">
                        <i class="icon_images"></i>
                        <h5>QUALITY CONTROL</h5>
                        <p>With our experienced and skilled on
                            -site Quality
                            Control teams, we can provide our partners with
                            the transparency and controls needed to measure
                            the quality of each order/product.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="mona-model-area">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="model-tab-area">
                    <ul class="nav nav-tabs mb-50" id="mona_modelTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="tab1" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true">Some of our Products</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="mona-tab-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="tab-content" id="mona_modelTabContent">
                        <div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab1">

                            <div class="mona-all-model-slide owl-carousel">

                                {{--home gallary--}}
                                @include('home.homeProducts')


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{--reviews--}}
@include('layouts.reviews')


<section class="mona-cta-area section-padding-80">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="cta-content">
                    <h2>Do You Want To Be Our Part?</h2>
                    <h6>We respect customer’s business objectives, the brand value before offering any of our collection proposals and our
                        manufacturing facilities.</h6>
                    <a href="{{url('/contact')}}" class="btn mona-btn">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
</section>



<section class="mona-blog-area mb-50 section-padding-80-0">
    <div class="container">
        <div class="row">

            <div class="col-12">
                <div class="section-heading text-center">
                    <h2>Certification</h2>
                </div>
            </div>
        </div>
        <div class="row">

            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="">

                        <img src="{{asset('')}}img/bg-img/91.png" alt="">


                    </div>
                </div>
            </div>

            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="">

                        <img src="{{asset('')}}img/bg-img/102.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/92.jpg" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/93.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/94.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/95.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/96.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/97.jpg" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/98.jpg" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/99.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/100.png" alt="">


                    </div>
                </div>
            </div>
            <div class="col-sm-3 col-md-2 col-lg-1">
                <div class="single-team-member-area mb-80">
                    <div class="team-member-thumbnail">

                        <img src="{{asset('')}}img/bg-img/101.jpg" alt="">


                    </div>
                </div>
            </div>


        </div>
    </div>
</section>

@endsection