@extends('layouts.app')
@section('content')
    <section class="w-full bg-gray-100">
        <div class="max-w-7xl mx-auto px-4 py-4">
            <nav class="text-sm mb-0 text-black" aria-label="Breadcrumb">
                <ol class="list-reset flex">
                    <li><a href="{{ url('/') }}" class="hover:text-red-600">Home</a></li>
                    <li><span class="mx-2">/</span></li>
                    <li class="text-red-600 font-semibold">{{ $content->title ?? 'Contact us' }}</li>
                </ol>
            </nav>
            <!-- Category Title -->
            <h1 class="text-3xl font-bold mt-1 text-gray-900"><span
                    class="rounded text-black">{{ $content->title ?? 'Contact us' }}</span>
            </h1>
        </div>
    </section>

    <section class="max-w-7xl mx-auto px-4 py-10">
        <div class="flex flex-col lg:flex-row gap-6">
            <!-- Main Articles -->
            {!! $content->description ?? 'NA' !!}
            <!-- Sidebar -->
            @include('article.rightsidebar')
        </div>
    </section>
@endsection