@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);">Up Comming</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 ?? 'Up Comming' }}</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">Up Comming</span>

                </div>
                <h1 class="section-title text-center">All <span>Up Comming</span> Projects</h1>
                <p class="section-subtitle text-center">
                    EPDL’s upcoming developments promise modern architecture, meticulous planning, and elegant living spaces
                    designed for discerning homeowners.
                </p>
            </div>




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


        </div>
    </section>

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