@extends('layouts.app')


@section('content')
    {{-- Hero --}}
    <section class="page-hero">
        <div class="page-hero-bg" style="background-image:url({{ asset('assets/img/blog/blog-2.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;">Development</span>
            <div class="page-hero-title" style="font-size:clamp(1.8rem,3.5vw,3rem);max-width:700px;margin:auto;">
                Discover Prime Real Estate Opportunities with EPDL
            </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 a world of potential with EPDL’s prime real estate opportunities. Whether you’re looking
                            to invest, buy your first home, or upgrade your lifestyle, our curated listings offer the
                            perfect match. Let EPDL guide you to properties that promise value, comfort, and long-term
                            growth.
                        </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