@extends('layouts.frontend.app')

@section('content')

    <!-- About Generic Start -->
    <div class="main-wrapper">
        <!-- Start fashion Area -->
        <section class="fashion-area section-gap" id="fashion">
          <div class="container">
            <div class="row">
          @foreach ($categories as $category)
          <div class="col-lg-3 col-md-6 single-fashion">
          <img class="img-fluid" src="{{ asset('storage/app/public/cateogry/'.$category->image) }}" alt="" />
              <p class="date">{{ $category->created_at->diffForHumans() }}</p>
          <a href="{{ route('category.post', $category->slug) }}">{{ $category->name }}</a>

            </div>
          @endforeach
            </div>
          </div>
        </section>
        <!-- End fashion Area -->

      </div>




@endsection