@extends('layouts.app') @section('title','Blog | Threeways') @section('content')<section class="bg-violet py-14 text-center text-white"><h1 class="font-display text-4xl font-extrabold">LATEST STORIES</h1></section><div class="mx-auto grid max-w-6xl gap-6 px-5 py-14 md:grid-cols-3">@forelse($posts as $post)<a href="{{route('article',$post)}}" class="overflow-hidden rounded-2xl bg-white shadow-premium"><img src="{{$post->image}}" class="h-48 w-full object-cover" alt="{{$post->title}}"><div class="p-5"><p class="text-xs font-bold text-brand">{{optional($post->published_at)->format('d M Y')}}</p><h2 class="font-display mt-2 text-xl text-violet">{{$post->title}}</h2><p class="mt-2 text-sm text-slate-600">{{$post->excerpt}}</p></div></a>@empty<p>No stories published yet.</p>@endforelse</div>@endsection