@extends('layouts.app')


@section('content')
    {{-- Hero --}}
    <section class="page-hero">
        <div class="page-hero-bg" style="background-image:url({{ asset('assets/img/blog/blog-1.png') }})"></div>
        <div class="page-hero-overlay"></div>
        <div class="container page-hero-content">
            <span
                style="display:inline-block;padding:5px 14px;background:var(--brand);color:#fff;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;">Commercial</span>
            <div class="page-hero-title" style="font-size:clamp(1.8rem,3.5vw,3rem);max-width:700px;margin:auto;">
                Your Gateway to Exceptional Living: EPDL’s Top Properties
            </div>
            <div class="breadcrumb-nav mt-3">
                <a href="{{ route('home') }}">Home</a>
                <span class="sep"><i class="bi bi-chevron-right"></i></span>
                <a href="{{ route('blog.index') }}">Blog</a>
                <span class="sep"><i class="bi bi-chevron-right"></i></span>
                <span class="current">Article</span>
            </div>
        </div>
    </section>

    <section class="section-pad blog-details-section">
        <div class="container">
            <div class="row gy-5 gx-md-5">

                <!-- Article Content -->
                <div class="col-lg-8">

                    <!-- Meta -->
                    <div class="blog-meta">
                        {{-- <span><i class="bi bi-calendar3"></i> January 15, 2024</span>
                        <span><i class="bi bi-person"></i> EPDL Team</span> --}}
                        <span><i class="bi bi-clock"></i> 5 min read</span>
                    </div>

                    <!-- Body -->
                    <div class="blog-body">

                        <p>
                            Explore EPDL’s premier properties, where luxury meets comfort and style. Discover your gateway
                            to exceptional living with our exclusive range of top-tier residences and estates. Elevate your
                            lifestyle with EPDL’s unparalleled commitment to quality and sophistication. Welcome home to a
                            life of luxury and elegance.
                        </p>

                        {{-- <h3>1. Gulshan & Banani — The Premium Hub</h3>

                        <p>The twin neighborhoods of Gulshan and Banani remain the gold standard of Dhaka real estate...</p>

                        <h3>2. Bashundhara Residential Area</h3>

                        <p>Bashundhara R/A has emerged as one of Dhaka's most planned and organized residential
                            developments...</p>

                        <h3>3. Uttara — The North Star</h3>

                        <p>Uttara's proximity to Hazrat Shahjalal International Airport and the upcoming Metro Rail
                            connection...</p>

                        <h3>4. Dhanmondi — Classic Never Goes Out of Style</h3>

                        <p>As one of Dhaka's oldest planned residential areas, Dhanmondi maintains its prestige...</p>

                        <h3>5. Mirpur & DOHS — Value for Money</h3>

                        <p>For investors seeking solid returns without the premium price tags...</p>

                        <div class="blog-quote">
                            <p>
                                "Real estate investment in Dhaka, when done right, consistently delivers
                                8-15% annual returns through a combination of capital appreciation
                                and rental income." — EPDL Investment Advisory
                            </p>
                        </div>

                        <p>Regardless of which area you choose, due diligence is essential...</p> --}}

                    </div>

                    <!-- Tags -->
                    <div class="blog-tags">
                        @foreach (['Investment', 'Dhaka', 'Real Estate', 'Guide', 'Property'] as $tag)
                            <span>{{ $tag }}</span>
                        @endforeach
                    </div>

                </div>


                <!-- Sidebar -->
                <div class="col-lg-4">

                    <!-- Search -->
                    <div class="blog-search">
                        <h6>Search Articles</h6>
                        <div class="search-input">
                            <input type="text" placeholder="Search...">
                            <i class="bi bi-search"></i>
                        </div>
                    </div>

                    <!-- Recent Posts -->
                    @include('components.blog-recent-article')
                    <!-- CTA -->
                    @include('components.blog-details-cta')
                </div>

            </div>
        </div>
    </section>
@endsection