@extends('index')

@section('seo_title', $seo->seo_title)
@section('seo_keywords', $seo->seo_keywords)
@section('seo_description', $seo->seo_description)

@section('content')
    <section id="about" class="about section">

        <!-- Section Title -->
        <div class="container section-title pb-0">
            <h2>Shaping Policies, Inspiring Change</h2>
        </div><!-- End Section Title -->
    </section>

    <section id="services" class="services section pt-0">
        <div class="container">
            <div class="row gy-4">

                @foreach ($categories as $item)
                    <div class="col-md-12">
                        <h3>{{ $item->title }}</h3>
                        <p>{{ $item->description }}</p>
                    </div>
                    @foreach ($item->policies as $item)
                        <div class="col-xl-3 col-md-3 d-flex" data-aos="fade-up" data-aos-delay="100">
                            <div class="service-item position-relative">
                                <div class="icon">{!!$item->icon!!}</div>
                                <h4>{{ $item->title }}</h4>
                                <p>{{ $item->description }}</p>
                            </div>
                        </div>
                    @endforeach
                @endforeach
            </div>
        </div>

    </section>
@endsection
