@extends('layouts.site')
@section('title', $article->seo_title ?: $article->title . ' | VIPO Granite Blog')
@section('description', \Illuminate\Support\Str::limit($article->seo_description ?: $article->summary ?: ('Read practical stone advice about ' . $article->title . ' from VIPO Granite Limited.'), 160, ''))
@section('og_type', 'article')
@push('head')
<script type="application/ld+json">{!! json_encode(['@'.'context' => 'https://schema.org', '@type' => 'BlogPosting', 'headline' => $article->title, 'description' => $article->seo_description ?: $article->summary, 'datePublished' => $article->created_at?->toAtomString(), 'dateModified' => $article->updated_at?->toAtomString(), 'author' => ['@type' => 'Organization', 'name' => 'VIPO Granite Limited'], 'publisher' => ['@type' => 'Organization', 'name' => 'VIPO Granite Limited'], 'mainEntityOfPage' => route('journal.show', $article->slug), 'image' => $article->image_url ?: asset('media/vipo-logo.png')], JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!}</script>
@endpush
@section('content')
<section class="page-hero"><div class="wrap page-hero-inner"><div><a class="text-link" href="{{ route('journal') }}">← Back to blogs</a><p class="eyebrow" style="margin-top:28px">{{ $article->category ?: 'Stone advice' }}</p><h1>{{ $article->title }}</h1><p>{{ $article->summary }}</p></div>@if($article->image_url)<div class="page-hero-image"><img src="{{ $article->image_url }}" alt="{{ $article->title }}"></div>@endif</div></section>
<section class="section"><div class="wrap">
    @if($article->body)<div class="longcopy">{{ $article->body }}</div>@endif
    @foreach($entrySections as $section)
        @include('site.partials.entry-section')
    @endforeach
</div></section>
@if(($copy['single_cta_visible'] ?? '1') === '1')
    @include('site.partials.blog-cta')
@endif
@endsection