@extends('layouts.app')

@section('title', 'Press Releases')

@section('content')
    <main id="main">
        <section class="breadcrumbs">
            <div class="container">
                <div class="d-flex justify-content-between align-items-center">
                    <h2>Press Releases</h2>
                    <ol>
                        <li><a href="{{ route('home.index') }}">Home</a></li>
                        <li>Press Releases</li>
                    </ol>
                </div>
            </div>
        </section>

        <section class="why-us" data-aos="fade-up" date-aos-delay="200">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 d-flex flex-column justify-content-center p-5">
                        <div class="icon-box">
                            <div class="icon"><i class="bx bx-news"></i></div>
                            <h4 class="title"><a href="">Document #1</a></h4>
                            <p class="description">
                                Document description goes here
                            </p>
                        </div>
                        <div class="icon-box">
                            <div class="icon"><i class="bx bx-news"></i></div>
                            <h4 class="title"><a href="">Document #2</a></h4>
                            <p class="description">
                                Document description goes here
                            </p>
                        </div>
                        <div class="icon-box">
                            <div class="icon"><i class="bx bx-news"></i></div>
                            <h4 class="title"><a href="">Document #3</a></h4>
                            <p class="description">
                                Document description goes here
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection