@include('htmlpage.frontent.layout.app')
<!-- Start Page Banner Area -->
<div class="page-banner-area-product bg-2 pt-100">
    <div class="container">
        <div class="page-banner-content">
            <h2>
                Our Products
            </h2>
            <ul>
                <li>
                    <a href="index.html">
                        Home

                    </a>
                </li>

                <li>
                    <span>products</span>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- End Page Banner Area -->

<!-- End Hospital Details Area -->
<!-- Start Urgent Area -->
<div class="urgent-area ptb-100">
    <div class="container">

        <div class="section-title services-title wow animate__animated animate__fadeInUp delay-0-2s">
            <span class="top-title">Our Products</span>
            <h2>Your Trusted Partner in Respiratory Health: Innovative Solutions for Every Need</h2>
        </div>
        <div class="row">
            @foreach ($listallproducts as $productsall)
                <div class="col-md-3">
                    <div class="single-urgent">
                        <div class="icon">
                            <img src="{{ asset('storage/' . $productsall->image_path) }}" alt="{{ $productsall->alt }}">
                        </div>
                        <h3>{{ $productsall->page_name }}</h3>
                        <a href="{{ route('productdetails', ['url' => urlencode(str_replace(' ', '-', strtolower($productsall->url)))]) }}"
                            target="_blank">
                            Read more <img src="{{ asset('images/arrow.svg') }}" alt="Arrow" width="15">
                        </a>

                    </div>
                </div>
            @endforeach
        </div>

    </div>
</div>
<!-- End Urgent Area -->
@include('htmlpage.frontent.layout.footer')