@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);">Ready to Sale</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 ?? 'Ready to Sale' }}</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">Ready to Sale</span>
                </div>
                <h1 class="section-title text-center">All <span>Ready to Sale</span> Projects</h1>
                <p class="section-subtitle text-center">
                   Step into EPDL’s ready homes, thoughtfully crafted with elegant design, quality construction, and spaces created for modern family living.
                </p>
            </div>


        </div>
    </section>

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