@extends('layouts.app')



@section('content')
    {{-- Hero --}}
    <section class="page-hero">
        <div class="page-hero-bg"
            style="background-image:url('https://images.unsplash.com/photo-1486325212027-8081e485255e?w=1920&q=80')"></div>
        <div class="page-hero-overlay"></div>
        <div class="container page-hero-content">
            <div class="page-hero-title"> All <span style="color: var(--brand);">Handover</span> Projects</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">{{ $pageTitle ?? 'Handover Projects' }}</span>
            </div>
        </div>
    </section>




    {{-- Projects Grid --}}
    <section class="section-pad">
        <div class="container">

            <div data-aos="fade-up">
                <div class="text-center mb-2">

                    <span class="section-badge-dubble">Handover</span>

                </div>
                <h1 class="section-title text-center">All <span>Handover</span> Projects</h1>
                <p class="section-subtitle text-center">
                    Explore EPDL’s successfully handed over projects, thoughtfully designed residences built with quality,
                    precision, and a commitment to modern living.
                </p>
            </div>

            <div class="row gy-4 gx-md-4">
                @include('components.handover-projects')
            </div>

        </div>
    </section>

    {{-- CTA --}}
    @include('components.call-to-action')
@endsection