@extends('layouts.app')

@section('title', 'Berita - MTs Maulana Malik Ibrahim - Beji')

@section('content')
<section class="mt-6">
    <div class="rounded-lg bg-white p-6 shadow-sm ring-1 ring-black/5">
        <h1 class="text-2xl font-semibold">Berita</h1>
        <p class="mt-3 text-black/70">Informasi dan berita terbaru seputar kegiatan MTs Maulana Malik Ibrahim - Beji.</p>
        <div class="mt-6 grid gap-6 md:grid-cols-2">
            <article class="rounded-lg bg-gray-50 p-4 ring-1 ring-black/5">
                <h2 class="text-lg font-semibold">Contoh Berita 1</h2>
                <p class="mt-2 text-sm text-black/70">Deskripsi singkat berita. Konten lengkap akan ditambahkan kemudian.</p>
            </article>
            <article class="rounded-lg bg-gray-50 p-4 ring-1 ring-black/5">
                <h2 class="text-lg font-semibold">Contoh Berita 2</h2>
                <p class="mt-2 text-sm text-black/70">Deskripsi singkat berita. Konten lengkap akan ditambahkan kemudian.</p>
            </article>
        </div>
    </div>
    
    <div class="mt-10 text-sm text-black/60">
        <a href="{{ url('/') }}" class="underline">Kembali ke Beranda</a>
    </div>
 </section>
@endsection