@extends('layouts.main')
@push('title')
    <title>product</title>
@endpush


@section('main-section')

    <div class="container">
        @if (session()->has('success_message'))
            <div class="alert alert-success">
                {{ session()->get('success_message') }}
            </div>
        @endif

        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="section-title-bg text-center p-0">
        <img src="{{asset('img/invest.jpg')}}" alt="shop banner" class="img-fluid shop-banner">
        <img src="{{asset('img/invest_mob.jpg')}}" alt="shop banner" class="img-fluid shop-banner-mob">
        <div class="pro_title">
            <h2 class="wow fadeInDown no-margin pro-title" data-wow-duration="1s" data-wow-delay="0.6s"><strong>Products Wallet</strong></h2>
            <div class="divider-center-small wow zoomIn" data-wow-duration="1s" data-wow-delay="0.6s"></div>
            <p class="section-subtitle wow fadeInUp text-white" data-wow-duration="1s" data-wow-delay="0.6s">Discover our exceptional plans: crafted with quality, designed for success!</p>
        </div>
    </div>


    <!--BLog single section-->
    <section class="blog-index">

        <!--Container-->
        <div class="container clearfix">

            <div class="row">

                <div class="col-md-12 m-bottom-40">
                    <div class="row multi-columns-row">
                         <!-- === Blog item 1 === -->
                            <div class="col-sm-4 m-bottom-40">
                                <div class="blog wow zoomIn" data-wow-duration="1s" data-wow-delay="0.7s">
                                    <div class="blog-media">
                                        <a href="http://127.0.0.1:8003/product-view/Home Products 1">
                                            <img src="https://shreeagt-prod.s3.ap-south-1.amazonaws.com/inocare/1705659251-product1.jpg"
                                                alt="product" class="img-responsive wow fadeInLeft animated"
                                                style="visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeInLeft;">
                                            
                                            </a>

                                    </div>
                                    <!--post media-->


                                    <div class="blog-post-body">
                                        <h4> <a href="http://127.0.0.1:8003/services-view/demo-product-home-1">
                                                <div class="product-name">
                                                    Home Products 1</div>
                                            </a></h4>
                                        
                                        <p class="p-bottom-20"> <p>Demo Description 1</p></p>
                                       
                                        <a href="http://127.0.0.1:8003/services-view/demo-product-home-1" class="btn btn-main btn-theme  read-more">Read More >></a>
                                    </div>
                                    <!--post body-->
                                </div> <!-- /.blog -->
                            </div> <!-- /.inner-col -->
                        <!-- === Blog item 1 === -->
                            <div class="col-sm-4 m-bottom-40">
                                <div class="blog wow zoomIn" data-wow-duration="1s" data-wow-delay="0.7s">
                                    <div class="blog-media">
                                        <a href="http://127.0.0.1:8003/product-view/Home Products 10">
                                            <img src="https://shreeagt-prod.s3.ap-south-1.amazonaws.com/inocare/1705659251-product1.jpg"
                                                alt="product" class="img-responsive wow fadeInLeft animated"
                                                style="visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeInLeft;">
                                            
                                            </a>

                                    </div>
                                    <!--post media-->


                                    <div class="blog-post-body">
                                        <h4> <a href="http://127.0.0.1:8003/services-view/demo-product-home-10">
                                                <div class="product-name">
                                                    Home Products 10</div>
                                            </a></h4>
                                        
                                        <p class="p-bottom-20"> <p>Demo Description 10</p></p>
                                       
                                        <a href="http://127.0.0.1:8003/services-view/demo-product-home-10" class="btn btn-main btn-theme  read-more">Read More >></a>
                                    </div>
                                    <!--post body-->
                                </div> <!-- /.blog -->
                            </div> <!-- /.inner-col -->
                        <!-- === Blog item 1 === -->
                            <div class="col-sm-4 m-bottom-40">
                                <div class="blog wow zoomIn" data-wow-duration="1s" data-wow-delay="0.7s">
                                    <div class="blog-media">
                                        <a href="http://127.0.0.1:8003/product-view/Home Products 10">
                                            <img src="https://shreeagt-prod.s3.ap-south-1.amazonaws.com/inocare/1705659251-product1.jpg"
                                                alt="product" class="img-responsive wow fadeInLeft animated"
                                                style="visibility: visible; animation-duration: 1s; animation-delay: 0.6s; animation-name: fadeInLeft;">
                                            
                                            </a>

                                    </div>
                                    <!--post media-->


                                    <div class="blog-post-body">
                                        <h4> <a href="http://127.0.0.1:8003/services-view/demo-product-home-10">
                                                <div class="product-name">
                                                    Home Products 10</div>
                                            </a></h4>
                                        
                                        <p class="p-bottom-20"> <p>Demo Description 10</p></p>
                                       
                                        <a href="http://127.0.0.1:8003/services-view/demo-product-home-10" class="btn btn-main btn-theme  read-more">Read More >></a>
                                    </div>
                                    <!--post body-->
                                </div> <!-- /.blog -->
                            </div> <!-- /.inner-col -->
                    </div>
                </div> <!-- /.col -->
            </div> <!-- /.row -->
    </section>
    <!--End blog single section-->

@endsection