@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>Voices of Progress</h2>
        </div><!-- End Section Title -->

    </section>

    <section id="services" class="services services-alt section pt-0">
        <div class="container">

            <div class="row gy-4">
                @foreach ($blogs as $item)
                    <div class="col-xl-4 col-md-4 d-flex" data-aos="fade-up" data-aos-delay="100">
                        <div class="service-item position-relative">
                            <div class="icon service-img">
                                <img src="{{ asset('uploads/blogs/' . $item->main_image) }}" alt="{{ $item->main_image_alt }}" class="img-fluid">
                            </div>
                            <h4><a href="{{ route('blog-detail', $item->slug) }}" class="stretched-link">{{ $item->title }}</a></h4>
                            <span class="main-button">Know More</span>
                        </div>
                    </div>
                @endforeach

            </div>

        </div>

    </section>
@endsection
