@extends('layouts.app')


@section('content')
    {{-- Hero --}}
    <section class="page-hero" style="height:460px;">
        <div class="page-hero-bg"
            style="background-image:url('https://images.unsplash.com/photo-1542744173-8e7e53415bb0?w=1920&q=80')"></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;">Investment</span>
            <div class="page-hero-title" style="font-size:clamp(1.8rem,3.5vw,3rem);max-width:700px;margin:auto;">Top 5 Locations to Invest
                in Dhaka Real Estate 2024</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') }}">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">
        <div class="container">
            <div class="row gy-5 gx-md-5">

                {{-- Article Content --}}
                <div class="col-lg-8 reveal">
                    {{-- Meta --}}
                    <div class="d-flex flex-wrap gap-3 mb-4 pb-4" style="border-bottom:1px solid var(--gray-light);">
                        <span style="font-size:.82rem;color:var(--gray);display:flex;align-items:center;gap:6px;"><i
                                class="bi bi-calendar3" style="color:var(--brand)"></i> January 15, 2024</span>
                        <span style="font-size:.82rem;color:var(--gray);display:flex;align-items:center;gap:6px;"><i
                                class="bi bi-person" style="color:var(--brand)"></i> EPDL Team</span>
                        <span style="font-size:.82rem;color:var(--gray);display:flex;align-items:center;gap:6px;"><i
                                class="bi bi-clock" style="color:var(--brand)"></i> 5 min read</span>
                    </div>

                    {{-- Body --}}
                    <div style="font-size:.95rem;line-height:1.9;color:#374151;">
                        <p>Dhaka's real estate market has demonstrated remarkable resilience and growth over the past
                            decade. With rapid urbanization, infrastructure development, and a growing middle class, the
                            city continues to attract both local and foreign investors seeking solid returns.</p>

                        <h3 style="font-family:var(--font-display);font-size:1.5rem;color:var(--dark);margin:32px 0 16px;">
                            1. Gulshan & Banani — The Premium Hub</h3>
                        <p>The twin neighborhoods of Gulshan and Banani remain the gold standard of Dhaka real estate. Home
                            to diplomatic missions, multinational corporations, and high-end retail, properties here command
                            premium prices but offer unmatched appreciation and rental yields. Demand consistently outpaces
                            supply, making it a landlord's market.</p>

                        <h3 style="font-family:var(--font-display);font-size:1.5rem;color:var(--dark);margin:32px 0 16px;">
                            2. Bashundhara Residential Area</h3>
                        <p>Bashundhara R/A has emerged as one of Dhaka's most planned and organized residential
                            developments. Wide roads, dedicated commercial zones, and proximity to key institutions make it
                            particularly attractive to young families. The ongoing infrastructure improvements continue to
                            drive property value appreciation.</p>

                        <h3 style="font-family:var(--font-display);font-size:1.5rem;color:var(--dark);margin:32px 0 16px;">
                            3. Uttara — The North Star</h3>
                        <p>Uttara's proximity to Hazrat Shahjalal International Airport and the upcoming Metro Rail
                            connection has dramatically boosted its investment appeal. Sectors 7-14 offer excellent value
                            with strong growth trajectory and a thriving commercial scene developing rapidly.</p>

                        <h3 style="font-family:var(--font-display);font-size:1.5rem;color:var(--dark);margin:32px 0 16px;">
                            4. Dhanmondi — Classic Never Goes Out of Style</h3>
                        <p>As one of Dhaka's oldest planned residential areas, Dhanmondi maintains its prestige due to its
                            central location, established infrastructure, and diverse amenities. Educational institutions,
                            hospitals, and cultural venues make it perpetually desirable for families and investors alike.
                        </p>

                        <h3 style="font-family:var(--font-display);font-size:1.5rem;color:var(--dark);margin:32px 0 16px;">
                            5. Mirpur & DOHS — Value for Money</h3>
                        <p>For investors seeking solid returns without the premium price tags of northern Dhaka, Mirpur DOHS
                            and surrounding areas offer excellent value. Well-maintained infrastructure, improving
                            connectivity, and steady rental demand from service sector workers make this area a smart
                            mid-market investment.</p>

                        <div
                            style="padding:24px;background:rgba(237,28,36,.05);border-left:4px solid var(--brand);border-radius:0 12px 12px 0;margin:32px 0;">
                            <p style="margin:0;font-style:italic;font-weight:500;color:var(--dark);">"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. Verify land ownership
                            documentation, developer track record, and ensure the project has all necessary government
                            approvals before committing capital.</p>
                    </div>

                    {{-- Tags --}}
                    <div class="d-flex flex-wrap gap-2 mt-4 pt-4" style="border-top:1px solid var(--gray-light);">
                        @foreach (['Investment', 'Dhaka', 'Real Estate', 'Guide', 'Property'] as $tag)
                            <span
                                style="padding:5px 14px;background:var(--gray-light);border-radius:20px;font-size:.78rem;font-weight:600;color:var(--gray);">{{ $tag }}</span>
                        @endforeach
                    </div>
                </div>

                {{-- Sidebar --}}
                <div class="col-lg-4 reveal">
                    {{-- Search --}}
                    <div style="padding:24px;background:var(--gray-light);border-radius:16px;margin-bottom:24px;">
                        <h6 style="font-weight:700;font-size:.9rem;margin-bottom:14px;">Search Articles</h6>
                        <div style="position:relative;">
                            <input type="text" placeholder="Search..."
                                style="width:100%;padding:12px 40px 12px 16px;border:none;border-radius:8px;font-size:.875rem;outline:none;">
                            <i class="bi bi-search"
                                style="position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gray);"></i>
                        </div>
                    </div>

                    {{-- Recent Posts --}}
                    <div style="padding:24px;background:var(--gray-light);border-radius:16px;margin-bottom:24px;">
                        <h6 style="font-weight:700;font-size:.9rem;margin-bottom:20px;">Recent Articles</h6>
                        @php
                            $recent = [
                                [
                                    'title' => 'Understanding the Buying Process',
                                    'img' => 'photo-1560518883-ce09059eeffa',
                                    'date' => 'Jan 8',
                                ],
                                [
                                    'title' => 'Interior Design Trends 2024',
                                    'img' => 'photo-1586023492125-27b2c045efd7',
                                    'date' => 'Dec 28',
                                ],
                                [
                                    'title' => 'Joint Venture Guide for Landowners',
                                    'img' => 'photo-1500382017468-9049fed747ef',
                                    'date' => 'Dec 15',
                                ],
                            ];
                        @endphp
                        @foreach ($recent as $r)
                            <div
                                style="display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.07);">
                                <img src="https://images.unsplash.com/{{ $r['img'] }}?w=80&q=80"
                                    style="width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0;">
                                <div>
                                    <div
                                        style="font-size:.82rem;font-weight:600;color:var(--dark);line-height:1.3;margin-bottom:4px;">
                                        {{ $r['title'] }}</div>
                                    <div style="font-size:.75rem;color:var(--gray);">{{ $r['date'] }}</div>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    {{-- CTA --}}
                    <div style="padding:32px;background:var(--brand);border-radius:16px;text-align:center;color:white;">
                        <i class="bi bi-telephone" style="font-size:2rem;margin-bottom:12px;display:block;"></i>
                        <h6 style="color:white;margin-bottom:8px;">Need Property Advice?</h6>
                        <p style="font-size:.82rem;opacity:.85;margin-bottom:16px;">Our experts are ready to guide you to
                            the perfect investment.</p>
                        <a href="{{ route('contact') }}" class="btn-outline"
                            style="border-color:white;width:100%;justify-content:center;">Contact Us</a>
                    </div>
                </div>

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