@extends('layouts.app')


@section('content')
    {{-- Hero --}}
    <section class="page-hero">
        <div class="page-hero-bg"
            style="background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1920&q=80')"></div>
        <div class="page-hero-overlay"></div>
        <div class="container page-hero-content">
            <div class="page-hero-title">Our <span style="color:var(--brand)">Development</span></div>
            <div class="breadcrumb-nav">
                <a href="{{ route('home') }}">Home</a>
                <span class="sep"><i class="bi bi-chevron-right"></i></span>
                <span class="current">Development</span>
            </div>
        </div>
    </section>

    {{-- Handover Projects --}}
    <section class="section-pad">
        <div class="container">
            <div class="dev-section-title" data-aos="fade-right">
                <span class="section-badge">Completed</span>
                <h2 class="section-title">Handover <span>Projects</span></h2>
                <p class="section-subtitle text-start" style="max-width:600px;margin:0px;">
                    Discover our successfully completed projects, handed over with pride to our valued clients. Built with
                    care, delivered on time — these developments reflect EPDL’s promise of quality, transparency, and
                    long-term value in real estate.
                </p>
            </div>
            <div class="row gy-4 gx-md-4">
                @include('components.handover-projects')
            </div>
        </div>
    </section>



    {{-- Ongoing Projects --}}
    <section class="section-pad" style="background:var(--gray-light);">
        <div class="container">
            <div class="dev-section-title" data-aos="fade-right">
                <span class="section-badge">In Progress</span>
                <h2 class="section-title">Project in <span>Progress</span></h2>
                <p class="section-subtitle text-start" style="max-width:600px;margin:0px;">
                    Explore our ongoing projects located in prime areas of Dhaka. With expert planning and timely execution,
                    we are shaping modern, secure, and comfortable living spaces for future homeowners who seek quality and
                    trust in every brick.
                </p>
            </div>
            <div class="row gy-4 gx-md-4">
                @include('components.on-going-projects')
            </div>
        </div>
    </section>



    {{-- upcomming Projects --}}
    <section class="section-pad">
        <div class="container">
            <div class="dev-section-title" data-aos="fade-right">
                <span class="section-badge">Upcoming</span>
                <h2 class="section-title">Upcoming <span>Projects</span></h2>
                <p class="section-subtitle text-start" style="max-width:600px;margin:0px;">
                    Exciting new developments are coming soon! Our upcoming projects will bring smart design, premium
                    features, and strategic locations — all backed by EPDL’s commitment to excellence in joint venture real
                    estate development across Dhaka.
                </p>
            </div>
            <div class="row gy-4 gx-md-4">
                @include('components.upcoming-projects')
            </div>
        </div>
    </section>
@endsection
