@extends('frontend')

@section('content')

    <div class="row">
        <div class="col-12 col-md-12 col-lg-12 p-0">
            <img src="{{ url('assets/frontend/img') }}/{{ $banner }}.png" class="w-100">
        </div>
    </div>
    <div class="row justify-content-center pt-5" style="background:#fff;">
        <div class="col-12 col-md-12 col-lg-12" style="">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-9 col-lg-9">
                        <h2><b>
                                @if ($id == 1)
                                    อาหาร เครื่องดื่ม และของหวาน
                                @elseif($id == 2)
                                    เสื้อผ้า เครื่องประดับและความงาม
                                @elseif($id == 3)
                                    ของแต่งบ้านและสัตว์เลี้ยง
                                @elseif($id == 4)
                                    สินค้าแม่และเด็ก
                                @elseif($id == 5)
                                    อุปกรณ์อิเล็กทรอนิกส์และเครื่องใช้ไฟฟ้า
                                @else
                                    ยานยนต์และที่พัก
                                @endif
                            </b></h2>
                    </div>
                    <div class="col-12 col-md-3 col-lg-3">
                        <div class="text-end">
                            <select class="form-select rounded-pill" aria-label="Default select example">
                                <option value="1">ร้านค้าโปรแรง</option>
                                <option value="2">ร้านค้าแนะนำ</option>
                                <option value="3">ร้านค้าใหม่</option>
                                <option selected>ทั้งหมด</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row mt-4 mb-5">
                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="d-block text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-01.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="d-block text-dark text-decoration-none">
                                    <div>
                                        <h4><b>KFC</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">อาหารจานด่วน, ไก่ทอด, เครื่องดื่ม</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-02.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-orange text-white">ร้านค้าแนะนำ</span>
                                </div>
                            </a>

                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>Big C</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">ห้างสรรพสินค้า</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-1" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-1" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-1" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-03.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-green text-white">ร้านค้าใหม่</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>Sukumvit Hospital</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">โรงพยาบาล, สุขภาพ</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-2" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-2" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-2" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>


                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-04.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>MK</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">อาหาร, สุกี้, เครื่องดื่ม</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-4" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-4" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-4" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-05.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>Cafe' Amazon</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">กาแฟ, น้ำหวาน, เครื่องดื่ม</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-5" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-5" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-5" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-06.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>ครัวซองต์</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">เบเกอร์รี่, เครื่องดื่ม</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-6" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-6" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-6" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-07.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>AIR ASIA</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">การเดินทาง, เครื่องบิน</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-7" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-7" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-7" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-08.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>Mejor Cineplex</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">โรงภาพยนต์, ดุหนัง</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-8" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-8" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-8" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-09.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>Potato Corner</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">ของทานเล่น, เฟรนช์ฟรายส์, ไกป๊อป</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-9" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-9" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-9" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-10.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>EVEANDBOY</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">ผลิตภัณฑ์ดูแลตัวเอง, ของใช้ชีวิตประจำวัน</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-10" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-10" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-10" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-11.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>Cape Dara Resort Pattaya</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">โรงแรม, ที่พัก
                                    </div>
                                </a>

                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-11" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-11" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-11" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 col-md-4 col-lg-3 mb-5">
                        <div class="rounded shadow-sm a-p">
                            <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                <div class="position-relative">
                                    <img src="{{ url('assets/frontend/img/shop_banner-12.jpg') }}" alt="" class="w-100">
                                    <span class="tag-banner tag-color-red text-white">ร้านค้าโปรแรง</span>
                                </div>
                            </a>
                            <div class="p-3 position-relative" style="background-color:#fff;min-height:160px;">
                                <a href="{{ url('product/detail/1') }}" class="text-dark text-decoration-none">
                                    <div>
                                        <h4><b>DAKASI</b></h4>
                                    </div>
                                    <div>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                        <i class="fa fa-star ico-yellow" aria-hidden="true"></i>
                                    </div>
                                    <div class="c-g">เครื่องดื่ม, น้ำหวาน</div>
                                </a>
                            </div>
                            <div class="text-end pt-3 position-absolute" style="right: 15px;bottom: 15px;">
                                <span data-bs-toggle="collapse" href="#collapseExample-12" role="button"
                                    aria-expanded="true">
                                    <img src="{{ url('assets/frontend/icon/sh.svg') }}" alt="" class="">
                                </span>
                            </div>
                            <div class="collapse box-share " id="collapseExample-12" style="">
                                <div class="text-center p-2">
                                    <span data-bs-toggle="collapse" href="#collapseExample-12" role="button">
                                        <img src="{{ url('assets/frontend/icon/close.svg') }}" alt="" class="">
                                    </span>
                                </div>
                                <div class="card card-body">
                                    <ul>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-facebook.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-twitter.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-line.svg') }}"
                                                    alt=""></button></li>
                                        <li><button><img src="{{ url('assets/frontend/icon/icon-link.svg') }}"
                                                    alt=""></button></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mb-5 pb-5">
                    <div class="col-12 text-center">
                        <a href="#" class="rounded-pill d-inline-block a-regis text-decoration-none text-white border-0"
                            style="background-color: #F66074;padding: 7px 50px;">
                            แสดงเพิ่มเติม
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection