@extends('frontend.layouts.app')
@section('content')

<!-- Inner Banner Start -->
<div class="innerBanner Loader mb-5">
    <img class="modify-img"
         data-image-small="{{ asset('frontend/assets/images/project/landowner.jpg') }}"
         data-image-large="{{ asset('frontend/assets/images/project/landowner.jpg') }}"
         data-image-standard="{{ asset('frontend/assets/images/project/landowner.jpg') }}"
         alt="">
    <div class="container">
        <div class="row">
            <h1 class="anim" style="font-size:3.5rem; font-weight:600;"><span><span>ONGOING</span></span></h1>
        </div>
    </div>
</div>
<!-- Inner Banner End -->
<!-- Projects Section -->
<!-- Projects Section -->
<section class="py-5" style="background:#f5f5f5;">
    <div class="container">
        <h2 class="text-center mb-5" style="font-size:2.5rem; font-weight:700;">Ongoing Projects</h2>

        <div class="row justify-content-center">

            <!-- Project 1 Card -->
            <div class="col-md-4">
                <div class="project-box" style="text-align:center; margin-bottom:40px;">

                    <div class="product-image"
                        style="width:100%; height:320px; overflow:hidden; border-radius:10px; transition:transform 0.3s;">
                        <img src="{{ asset('frontend/assets/images/team/1.jpg') }}" 
                             style="width:100%; height:100%; object-fit:cover; transition:0.3s;">
                    </div>

                    <p style="font-size:26px; font-weight:700; margin-top:15px;">
                        Hikma Iconic Tower
                    </p>

                    <h5 style="margin-top:5px; font-weight:500; font-size:15px; color:#444;">
                        Luxury Apartment in Barisal
                    </h5>

                    <a class="dcBtn mt30" href="{{ route('project.details', 'hikma-iconic-tower') }}">
                    <span>Explore</span>
                </a>
                </div>
            </div>

            <!-- Project 2 Card (MATCHED STYLE) -->
            <div class="col-md-4">
                <div class="project-box" style="text-align:center; margin-bottom:40px;">

                    <div class="product-image"
                        style="width:100%; height:320px; overflow:hidden; border-radius:10px; transition:transform 0.3s;">
                        <img src="{{ asset('frontend/assets/images/landowner/4.jpg') }}" 
                             style="width:100%; height:100%; object-fit:cover; transition:0.3s;">
                    </div>

                    <p style="font-size:26px; font-weight:700; margin-top:15px;">
                        Project 2
                    </p>

                    <h5 style="margin-top:5px; font-weight:500; font-size:15px; color:#444;">
                        A modern well-planned residential project.
                    </h5>

                   <a class="dcBtn mt30" href="{{ route('project.details', 'hikma-iconic-tower') }}">
                    <span>Explore</span>
                </a>

                </div>
            </div>

        </div>
    </div>
</section>




@endsection