@extends('layout.frontend.master')

@section('meta-title', 'Custom Products - LEREVE')

@push('asset-top')
<link rel="stylesheet" href="/css/main.css">
@endpush

@section('content')

    <section class="page-content inner-block customized-cont">

        <div class="customized-banner">
            <div class="banner-img"><img src="/assets/customized-banner.jpg" alt=""></div>

            <div class="banner-cont">
                <div class="container-fluid">
                    <h3>Create Your OWN BoX</h3>
                    <p>Grooming feels better with
                        customization </p>
                </div>
            </div>
        </div>


        <div class="customized-wrap">
            <div class="container-fluid">


                


                <div class="custom-items ">
                   
                    {{-- {{dd($customProductDetails)}} --}}

                    <div class="own-product">
                        <h4>{{__('Custom Creation')}}</h4>

                        <div class="product-items">

                            <div class="row">
                                {{-- @foreach($customProductDetails as $product) --}}
                               
                                <div class="col-lg-4 col-6 col-sm-4 ">
                                    <div class="own-product-list">
                                        <a href="#" data-bs-toggle="modal" role="button">
                                            <div class="own-img">
                                               
                                                <img src="/boxes/1729251334_kg-2.jpg" alt="">

                                            </div>
                                            <div class="own-content">
                                                {{-- <div class="pluse-btn"></div> --}}
                                                <h2>Tray</h2>
                                                
                                            </div>
                                        </a>
                                        

                                    </div>


                                </div>
                               

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

                   

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

        
    </section>
@endsection


@push('asset-bottom')
<script src="/js/main.js"></script>
@endpush