@extends('layouts.app')

@section('content')
<div class="container py-5">
    <div class="mb-5 text-center">
        <h1 class="fw-bold text-success text-uppercase">Berita Desa</h1>
        <p class="text-secondary fs-5">Informasi terkini mengenai kegiatan dan perkembangan di Desa Kadumbul</p>
        <div class="mx-auto bg-success" style="width: 80px; height: 4px; border-radius: 2px;"></div>
    </div>

    <div class="row g-4">
        <div class="col-md-4">
            <div class="card border-0 shadow-sm rounded-4 h-100">
                <div class="bg-secondary rounded-top-4" style="height: 200px; background-image: url('{{ asset('images/k_kkn.jpeg') }}'); background-size: cover; background-position: center;"></div>
                <div class="card-body p-4 d-flex flex-column">
                    <span class="text-success small fw-semibold mb-2">Kegiatan KKN • 29 Juni 2026</span>
                    <h5 class="fw-bold text-dark mb-2">Konsul Program di Kantor Desa</h5>
                    <p class="text-secondary small flex-grow-1">Mahasiswa KKN Universitas Kristen Wira Wacana Sumba melakukan pengambilan data untuk pembuatan website Profil Desa..</p>
                    
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm rounded-4 h-100">
                <div class="bg-secondary rounded-top-4" style="height: 200px; background-image: url('{{ asset('images/k_tani.jpeg') }}'); background-size: cover; background-position: center;"></div>
                <div class="card-body p-4 d-flex flex-column">
                    <span class="text-success small fw-semibold mb-2">Pertanian• 1 Juli 2026</span>
                    <h5 class="fw-bold text-dark mb-2">Lahan Pertanian Batalion</h5>
                    <p class="text-secondary small flex-grow-1">Mengunjungi Batalion Desa Kadumbul untuk melakukan survei lapangan dan progres pupuk Bokasi..</p>
                    
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card border-0 shadow-sm rounded-4 h-100">
                <div class="bg-secondary rounded-top-4" style="height: 200px; background-image: url('{{ asset('images/sawah.jpeg') }}'); background-size: cover; background-position: center;"></div>
                <div class="card-body p-4 d-flex flex-column">
                    <span class="text-success small fw-semibold mb-2">Pertanian • 3 Juli 2026</span>
                    <h5 class="fw-bold text-dark mb-2">Lahan  Sawah Dusun Karawatu</h5>
                    <p class="text-secondary small flex-grow-1">Melihat sawah dan padi.</p>
                    
                </div>
            </div>
        </div>
    </div>
</div>
@endsection