@extends('layouts.site')
@section('title', 'Stone Projects & Design Inspiration | VIPO Granite Limited')
@section('description', 'Explore real VIPO Granite project references and design inspiration for kitchens, terrazzo floors, bathrooms, cladding and memorial stonework.')
@section('content')
@include('site.partials.page-hero', ['eyebrow'=>$copy['hero_eyebrow'], 'heading'=>$copy['hero_heading'], 'intro'=>$copy['hero_intro'], 'image'=>$copy['hero_image']])
@if($projects->isNotEmpty())
<section class="section"><div class="wrap"><span class="eyebrow">{{ $copy['portfolio_eyebrow'] }}</span><h2 class="section-title">{{ $copy['portfolio_heading'] }}</h2><div class="two-grid services-index-grid">@foreach($projects as $project)<article class="image-card">@if($project->image_url)<img src="{{ $project->image_url }}" alt="{{ $project->title }}" loading="lazy">@endif<div class="image-card-content"><span class="card-kicker">{{ $project->category ?: 'VIPO project' }}</span><h3>{{ $project->title }}</h3><p>{{ $project->summary }}</p><a class="text-link" href="{{ route('projects.show', $project->slug) }}">{{ $copy['portfolio_link'] }} ↗</a></div></article>@endforeach</div></div></section>
@endif
<section class="section inspiration-section"><div class="wrap"><div class="section-heading"><div><span class="eyebrow">{{ $copy['inspire_eyebrow'] }}</span><h2 class="section-title">{{ $copy['inspire_heading'] }}</h2><p class="section-copy">{{ $copy['inspire_intro'] }}</p></div><a href="{{ route('services') }}" class="text-link">Explore services ↗</a></div><div class="inspiration-grid">
@foreach(range(1,6) as $n)
<a href="{{ route('services') }}" class="inspiration-card"><img src="{{ \App\Models\SiteSetting::mediaUrl($copy['idea_'.$n.'_image']) }}" alt="{{ $copy['idea_'.$n.'_title'] }} design inspiration" loading="lazy"><div><span>{{ $copy['idea_'.$n.'_label'] }}</span><h3>{{ $copy['idea_'.$n.'_title'] }} ↗</h3></div></a>
@endforeach
</div><p class="editorial-note"><strong>Photo transparency:</strong> {{ $copy['inspire_note'] }}</p></div></section>
@include('site.partials.cta')
@endsection