@extends('landing.layout.index')

@section('title')
    {{ $berita->judul }} -
@endsection

@section('content')
    <div class="wrapper" style="background:#790000;height:100px"></div>

    <div class="wrapper light-wrapper">
        <div class="container inner">
            <div class="text-center mb-50">
                <h1 class="page-title mb-5">{{ $berita->judul }}</h1>
                <p class="lead">{{ fulldate($berita->tanggal) }}</p>
            </div>
            <img src="{{ asset('storage/' . $berita->gambar) }}" alt="" class="img-fluid">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    {!! $berita->konten !!}
                </div>
            </div>
        </div>
    </div>
@endsection