@extends('layouts.frontend')

@section('content')
    @include('frontend.partials.inner-hero', [
        'title' => 'Facilities',
        'eyebrow' => 'Visitor and Venue Services',
        'summary' => 'Explore cultural venues, learning spaces and booking-ready facilities across the Kalakshetra campus.',
        'image' => $heroImage,
        'breadcrumbs' => ['Facilities' => null],
    ])

    <section class="content-container my-space-xl py-space-md">
        @include('frontend.partials.section-heading', [
            'eyebrow' => 'Campus Facilities',
            'title' => 'Spaces for Culture, Research and Public Events',
            'summary' => 'Explore key visitor facilities, cultural venues and learning spaces across the campus.',
        ])
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-space-lg">
            @foreach ($facilities as $facility)
                @include('frontend.partials.cards', ['item' => $facility + ['button' => 'Know More']])
            @endforeach
        </div>
    </section>
@endsection