@extends('layouts.app')
@section('meta_title','Best Ayurvedic Herbal Products For Business | Ayurvedic Product Range')
@section('meta_keywords','Ayurvedic Products, Herbal Products, Ayurvedic Range, Herbal Range, Ayurvedic Herbal Range.')
@section('meta_description','Find the best Quality wise Ayurvedic herbal product range for pharma business. All products are best in quality and prices.')
@section('content')

<section class="hero pt-md-5 pb-md-0 py-5">
<div class="container h-100">
<div class="row h-100 mt-md-2 mt-5">
<div class="col-md-9 col-sm-12 d-flex flex-column justify-content-center h-100 wow fadeInLeft  animated" style="visibility: visible; animation-name: fadeInLeft;">
<h1 class="text-capitalize  mb-md-0 white"><b>Ayurvedic Herbal Products</b></h1>

<nav aria-label="breadcrumb">
<ol class="breadcrumb">
	<li class="breadcrumb-item"><a class="white" href="#">Home</a></li>
	<li aria-current="page" class="breadcrumb-item active text-capitalize">Ayurvedic Herbal Products</li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<div class="container">
  <div class="row">
      @foreach ($products as $item)
     <div class="col-lg-3 col-md-3">
         <div class="card">
             @if( $item->image)
  <a href="{{ $item->slug }}"><img src="/storage/{{ $item->image }}" class="card-img-top" alt="..."></a>
  @else
  <a href="{{ $item->slug }}"><img src="{{asset('front_style/images/unnamed.png')}}" class="card-img-top" alt="..."></a>
  @endif
  
  <div class="card-body">
    <h5 class="card-title"><a href="{{ $item->slug }}">{{ $item->name }}</a></h5>
    
  </div>
</div>
                                            
     </div> 
     @endforeach
  </div>  
</div>
@endsection