@extends('layouts.site')
@section('title', 'Stonework, Flooring & Countertop Services | VIPO Granite')
@section('description', 'Explore kitchen granite worktops, terrazzo flooring, staircases, vanities, architectural cladding and memorial stonework with VIPO Granite Limited.')
@section('content')
@include('site.partials.page-hero', ['eyebrow'=>$copy['hero_eyebrow'], 'heading'=>$copy['hero_heading'], 'intro'=>$copy['hero_intro'], 'image'=>$copy['hero_image']])
<section class="section"><div class="wrap"><div class="section-heading"><div><span class="eyebrow">{{ $copy['listing_eyebrow'] }}</span><h2 class="section-title">{{ $copy['listing_heading'] }}</h2><p class="section-copy">{{ $copy['listing_intro'] }}</p></div></div>
    <div class="two-grid services-index-grid">@forelse($applications as $application)<a href="{{ route('services.show',$application->slug) }}" class="image-card service-index-card"><img src="{{ $application->image_url ?: asset('media/interior.jpg') }}" alt="{{ $application->title }} design reference" loading="lazy"><div class="image-card-content"><span class="card-kicker">{{ $application->category ?: 'Stonework service' }}</span><h3>{{ $application->title }}</h3><p>{{ $application->summary }}</p><span class="text-link">Service details & quotation ↗</span></div></a>@empty<div class="info-card">Tell us what you have in mind. <a class="text-link" href="{{ route('quote') }}">Send your project details ↗</a>.</div>@endforelse</div>
    <p class="editorial-note">{{ $copy['listing_note'] }}</p>
</div></section>
<section class="section guidance-section"><div class="wrap"><span class="eyebrow">{{ $copy['pro_eyebrow'] }}</span><h2 class="section-title">{{ $copy['pro_heading'] }}</h2><div class="two-grid">
    <div class="info-card"><span class="card-kicker">Architects & contractors</span><h3>{{ $copy['pro_card_title'] }}</h3><p>{{ $copy['pro_text'] }}</p><a href="{{ route('quote') }}" class="text-link">Send project details ↗</a></div>
    <div class="info-card"><span class="card-kicker">Homeowners & families</span><h3>{{ $copy['home_card_title'] }}</h3><p>{{ $copy['home_text'] }}</p><a href="{{ route('quote') }}" class="text-link">Start your request ↗</a></div>
</div></div></section>
@include('site.partials.cta')
@endsection