@extends('layouts.site')
@section('title', 'Stone Care & Design Blog | VIPO Granite Limited')
@section('description', 'Read VIPO Granite blog guides on granite, marble, terrazzo, kitchen worktops, floor finishes and choosing practical stone surfaces in Uganda and South Sudan.')
@section('content')
@include('site.partials.page-hero', ['eyebrow'=>$copy['hero_eyebrow'], 'heading'=>$copy['hero_heading'], 'intro'=>$copy['hero_intro']])
<section class="section"><div class="wrap"><div class="article-grid">@forelse($articles as $article)<article class="article-card"><a class="image img-zoom" href="{{ route('journal.show',$article->slug) }}"><img class="image-cover" src="{{ $article->image_url ?: asset('media/stone.jpg') }}" alt="{{ $article->title }}" loading="lazy"></a><span class="card-kicker">{{ $article->category }}</span><h3><a href="{{ route('journal.show',$article->slug) }}">{{ $article->title }}</a></h3><p>{{ $article->summary }}</p><a class="text-link" href="{{ route('journal.show',$article->slug) }}">Read article ↗</a></article>@empty<p>For material selection advice, <a class="text-link" href="{{ route('contact') }}">ask our team ↗</a>.</p>@endforelse</div></div></section>
@include('site.partials.cta')
@endsection