@extends('layouts.app')


@section('content')
    {{-- Hero --}}
    <section class="page-hero">
        <div class="page-hero-bg" style="background-image:url({{ asset('assets/img/blog/blog-3.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;">Residential</span>
            <div class="page-hero-title" style="font-size:clamp(1.8rem,3.5vw,3rem);max-width:700px;margin:auto;">
                Unlock Your Future: EPDL’s Exclusive Real Estate Listings
            </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>
                            Discover the key to your dream home with EPDL’s exclusive real estate listings. From modern city
                            apartments to serene suburban retreats, we offer properties that match your vision for the
                            future. Start your journey toward exceptional living with trusted expertise and premium
                            selections from EPDL.
                        </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