@php
    $works = [
        ['title' => 'Life Journey of Srimanta Sankaradeva', 'text' => 'Illustrated interpretation of the saint-scholar reformer\'s life journey for public learning.', 'icon' => 'auto_stories'],
        ['title' => 'Six Nats in Sattriya Style', 'text' => 'Visual presentation of the six Nats of Srimanta Sankaradeva painted in Sattriya style.', 'icon' => 'palette'],
        ['title' => 'Books in 11 Languages', 'text' => 'Publication initiative presenting Srimanta Sankaradeva in national and regional languages.', 'icon' => 'translate'],
        ['title' => 'Sankaradeva Circuit', 'text' => 'Cultural circuit concept covering 21 important locations across Assam.', 'icon' => 'route'],
    ];
@endphp

<section class="home-pattern-section my-space-xl py-space-lg" id="unique-works">
    <div class="content-container">
        @include('frontend.partials.section-heading', [
            'eyebrow' => 'Unique Work Done by SSKS',
            'title' => 'Preservation Through Research, Art and Outreach',
            'summary' => 'SOW1 priority works grouped into a single reusable frontend presentation.',
        ])

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-space-lg">
            @foreach ($works as $work)
                <article class="bg-surface-container-lowest rounded-xl border border-surface-container shadow-md p-space-md h-full">
                    <span class="w-12 h-12 rounded bg-primary-fixed text-primary inline-flex items-center justify-center mb-space-sm">
                        <span class="material-symbols-outlined">{{ $work['icon'] }}</span>
                    </span>
                    <h3 class="font-headline-sm text-headline-sm text-on-surface font-bold">{{ $work['title'] }}</h3>
                    <p class="font-body-sm text-body-sm text-on-surface-variant leading-relaxed mb-0">{{ $work['text'] }}</p>
                </article>
            @endforeach
        </div>
    </div>
</section>