@extends('user.usermaster2')

@section('title', 'Home')
@section('meta')

@endsection

@section('stylesheet')
<style>

</style>
@endsection


@section('body')
    @include('includes.newslider')
    <div class="container">
        <div class="row mt-2">
            <div class="col-md-12 text-center mt-3">
                <h2 class="">Unlock a Life Free from Pain with PAINFREE-USA! 🔑</h2>
                <p style="font-size: 16px">Imagine waking up with a spring in your step, feeling energized and revitalized, ready to take on the day without the weight of chronic pain holding you back. Say goodbye to sleepless nights, constant discomfort, and limitations on your activities.
                    . </p>
            </div>


        </div>
    </div>
    <div class="container margin_60_35">
        <div class="row small-gutters categories_grid">
            <div class="col-sm-12 col-md-6">
                <a href="{{route('shop')}}">
                    <img src="{{asset('static\images\b3.jpg')}}" data-src="{{asset('static\images\b3.jpg')}}" alt="" class="img-fluid lazy">

                </a>
            </div>
            <div class="col-sm-12 col-md-6">
                <div class="row small-gutters mt-md-0 mt-sm-2">
                    <div class="col-sm-6">
                        <a href="{{route('shop')}}">
                            <img src="{{asset('static\images\b4.jpg')}}" data-src="{{asset('static\images\b4.jpg')}}" alt="" class="img-fluid lazy">

                        </a>
                    </div>
                    <div class="col-sm-6">
                        <a href="{{route('shop')}}">
                            <img src="{{asset('static\images\b2.jpg')}}" data-src="{{asset('static\images\b2.jpg')}}" alt="" class="img-fluid lazy">
                        </a>
                    </div>
                    <div class="col-sm-12 mt-sm-2">
                        <a href="{{route('shop')}}">
                            <img src="{{asset('static\images\b10.jpg')}}" data-src="{{asset('static\images\b10.jpg')}}" alt="" class="img-fluid lazy">

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

        </div>
        <!--/categories_grid-->
    </div>

    <div class="container margin_60_35">
        <div class="main_title mt-2">
            <h2>New Arrival</h2>

            <p>New Arrival Products</p>
        </div>
        <div class="row small-gutters mb-3">
            <x-productcards :products=$newest_products />
        </div>

        <!-- /products_carousel -->
        <br><br>
        <div class="row">
            <div class="col-lg-12 col-md-12 mt-4 text-center">
                <h4>About Us</h4>
                <p class="p-2 " style="font-size: 16px;text-align:justify">Welcome to PAINFREE-USA, your partner in pain relief. Our mission is to empower individuals to take control of their well-being and live life to the fullest. We believe that everyone deserves to live without pain, and we're committed to making that a reality.
                </p>
                <a href="" class="btn btn-sm btn-primary">More Info</a>
            </div>

        </div>

    </div>
    <!-- /container -->
    {{-- <div class="feat">
        <div class="container">
            <ul>
                <li>
                    <div class="box">
                        <i class="ti-gift"></i>
                        <div class="justify-content-center">
                            <h3>Free And Fast Delivery Australia Wide</h3>
                            <p></p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <i class="ti-wallet"></i>
                        <div class="justify-content-center">
                            <h3>100% Secure Payment</h3>

                        </div>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <i class="ti-headphone-alt"></i>
                        <div class="justify-content-center">
                            <h3>Online top support</h3>

                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div> --}}
    <div class="feat">
        <div class="container">
            <ul>
                <li>
                    <div class="box">
                        <i class="ti-gift"></i>
                        <div class="justify-content-center">
                            <h3>Free And Fast Delivery</h3>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <i class="ti-wallet"></i>
                        <div class="justify-content-center">
                            <h3>Secure Payment</h3>
                            <p>100% secure payment</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <i class="ti-headphone-alt"></i>
                        <div class="justify-content-center">
                            <h3>24/7 Support</h3>
                            <p>Online top support</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>






@endsection

@section('scripts')
    <script>
        // $('.pimage').removeClass('error');
    </script>

@endsection