@extends('layouts.frontend')

@section('content')
    @include('frontend.partials.inner-hero', [
        'title' => 'Museums',
        'eyebrow' => 'Wings & Museums',
        'summary' => 'Museum spaces, cultural galleries and interpretive displays across Kalakshetra.',
        'image' => asset('images/Kalakshetra-Profile-1/Museum Srimanta Sankardeva/IMG_0318-500kb.jpg'),
        'breadcrumbs' => ['Museums' => null],
    ])

    <section class="content-container my-space-xl py-space-md">
        @include('frontend.partials.section-heading', [
            'eyebrow' => 'Museum Directory',
            'title' => 'Explore Kalakshetra Museums',
            'summary' => 'Explore museum sections, cultural themes and visitor highlights.',
        ])
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-space-lg">
            @foreach ($museums as $museum)
                @include('frontend.partials.museum-card', ['museum' => $museum])
            @endforeach
        </div>
    </section>
@endsection