@extends('layouts.main')
@section('main-section')
<div class="breadcrumb-area section-ptb">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h2 class="breadcrumb-title">Baby Welcome</h2>
                <!-- breadcrumb-list start -->
                <ul class="breadcrumb-list">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Baby Welcome</li>
                </ul>
                <!-- breadcrumb-list end -->
            </div>
        </div>
    </div>
</div>
<!-- breadcrumb-area end -->


<!-- main-content-wrap start -->
<div class="main-content-wrap shop-page section-ptb">
    <div class="container">
        <div class="row">
            <!-- shop-product-wrapper start -->
            <div class="shop-product-wrapper">

                <!-- shop-products-wrap start -->
                <div class="shop-products-wrap">
                    <div class="tab-content">
                        <div class="tab-pane active" id="grid">
                            <div class="shop-product-wrap">
                                <div class="row">
                                    @foreach($babywelcome as $babywelcomes)
                                    <div class="col-lg-4 col-md-4 col-sm-6">
                                        <!-- single-product-wrap start -->
                                        <div class="single-product-wrap">
                                            <div class="product-image">
                                                <a href="{{route('babywelcomedetail',$babywelcomes->name)}}"><img src="{{asset('/public/uploads/post/baby-welcome/'.$babywelcomes->image)}}" alt="Produce Images" style="height: 330px; border-radius: 20px;"></a>
                                                <span class="label">30% Off</span>
                                                <div class="product-action">
                                                    <a href="#" class="quick-view" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><i class="ion-ios-search"></i></a>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                <h3><a href="#" class="fone">{{$babywelcomes->name}}</a></h3>
                                            </div>
                                        </div>
                                        <!-- single-product-wrap end -->
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- shop-products-wrap end -->
                <!-- paginatoin-area end -->
            </div>
            <!-- shop-product-wrapper end -->

        </div>
    </div>
</div>
@endsection