@extends('front.layouts.base')   

@section('content')
    <div class="banner-area">
        <div class="banner-slider owl-theme owl-carousel">
            {{-- <div class="banner-slider-item banner-slider-img-one">
                <div class="d-table">
                    <div class="d-table-cell">
                        <div class="container">
                            <div class="banner-content">
                                <span class="banner-span">Find A Modern, Safe & Secure Home</span>
                                <h1>Home Is The Starting Place Of Love, Hope And Dreams</h1>
                                <div class="tab slides-category-list-tab">
                                    <form>
                                        <ul class="tabs banner-form-tag">
                                            <li>
                                                <a href="index.html#">All</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Buy</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Sell</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Rent</a>
                                            </li>
                                        </ul>
                                        <div class="tab_content">
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-slider-item banner-slider-img-two">
                <div class="d-table">
                    <div class="d-table-cell">
                        <div class="container">
                            <div class="banner-content">
                                <span class="banner-span">Find A Modern, Safe & Secure Home</span>
                                <h1>Select Your Comfort Home From Our New Collection</h1>
                                <div class="tab slides-category-list-tab">
                                    <form>
                                        <ul class="tabs banner-form-tag">
                                            <li>
                                                <a href="index.html#">All</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Buy</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Sell</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Rent</a>
                                            </li>
                                        </ul>
                                        <div class="tab_content">
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-slider-item banner-slider-img-three">
                <div class="d-table">
                    <div class="d-table-cell">
                        <div class="container">
                            <div class="banner-content">
                                <span class="banner-span">Find A Modern, Safe & Secure Home</span>
                                <h1>We Built Your Home To Keep Safe And Secure</h1>
                                <div class="tab slides-category-list-tab">
                                    <form>
                                        <ul class="tabs banner-form-tag">
                                            <li>
                                                <a href="index.html#">All</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Buy</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Sell</a>
                                            </li>
                                            <li>
                                                <a href="index.html#">For Rent</a>
                                            </li>
                                        </ul>
                                        <div class="tab_content">
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">

                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tabs_item">
                                                <div class="banner-form-area">
                                                    <div class="row">
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <label>
                                                                    <i class='bx bxs-paper-plane'></i>
                                                                </label>
                                                                <input type="text" class="form-control"
                                                                    placeholder="Type City Or Area">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Type</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <div class="form-group">
                                                                <select>
                                                                    <option>Select Category</option>
                                                                    <option>Some option</option>
                                                                    <option>Another option</option>
                                                                    <option>A option</option>
                                                                    <option>Potato</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="button-area">
                                                        <button type="submit" class="btn common-btn">
                                                            <i class='flaticon-search-1'></i>
                                                            Search
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}

            @foreach ($projects_banner as $project_b)
            <div class="banner-slider-item" style="background-image: url('{{ $project_b->images->first()->path }}')">  <!--url("../images/banner/main1.jpg") -->
                <div class="d-table">
                    <div class="d-table-cell">
                        <div class="container">
                            <div class="banner-content">
                                <span class="banner-span">{{ $project_b->name }}</span>
                                <h1>{{ $project_b->name }}</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>


    <section class="apartment-area pt-100 pb-70">
        <div class="container-fluid">
            <div class="section-title">
                <span class="sub-title">{{ __('Nos projets recommandé pour vous') }}</span>
                <h2>{{ __('Nos projets recommandé pour vous') }}</h2>
            </div>
            <div class="apartment-slider owl-theme owl-carousel">
                {{--<div class="apartment-item">
                    <img src="assets/images/apartment/apartment1.jpg" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="property-details.html">Apartment With Furniture</a>
                        </h3>
                        <span>$12,000.00</span>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="property-details.html">
                            View Details
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>
                <div class="apartment-item">
                    <img src="assets/images/apartment/apartment2.jpg" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="property-details.html">Modern Apartment</a>
                        </h3>
                        <span>$13,000.00</span>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="property-details.html">
                            View Details
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>
                <div class="apartment-item">
                    <img src="assets/images/apartment/apartment3.jpg" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="property-details.html">Elegant Studio Flat</a>
                        </h3>
                        <span>$14,000.00</span>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="property-details.html">
                            View Details
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>
                <div class="apartment-item">
                    <img src="assets/images/apartment/apartment4.jpg" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="property-details.html">The Tenement House</a>
                        </h3>
                        <span>$15,000.00</span>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="property-details.html">
                            View Details
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>
                <div class="apartment-item">
                    <img src="assets/images/apartment/apartment5.jpg" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="property-details.html">The Royal House</a>
                        </h3>
                        <span>$16,000.00</span>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="property-details.html">
                            View Details
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>
                <div class="apartment-item">
                    <img src="assets/images/apartment/apartment6.jpg" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="property-details.html">Apartment With Sofa</a>
                        </h3>
                        <span>$17,000.00</span>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="property-details.html">
                            View Details
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>--}}
                @foreach($projects as $project_rec)
                <div class="apartment-item">
                    <img src="{{ $project_rec->images->first()->path }}" alt="Apartment">
                    <div class="inner">
                        <h3>
                            <a href="{{ route('client.projects.show', ['id' => $project_rec->id]) }}">{{ $project_rec->name }}</a>
                        </h3>
                        <span>{{ $project_rec->formatted_price }}</span>
                        {{--<ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                        </ul>--}}
                    </div>
                    <div class="property-btn">
                        <a class="common-btn" href="{{ route('client.projects.show', ['id' => $project_rec->id]) }}">
                            {{ __('Détails') }}
                            <i class='bx bx-chevron-right'></i>
                        </a>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>


    <section class="choose-area pt-100 pb-70">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Why Choose Us</span>
                <h2>We Offer Perfect Real Estate Services</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur reprehenderit illum ducimus a, nisi
                    laborum magni expedita ullam accusantium quae</p>
            </div>
            <div class="row">
                <div class="col-sm-6 col-lg-3">
                    <div class="choose-item">
                        <i class="flaticon-location"></i>
                        <h3>Find Perfect Home</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <div class="choose-item">
                        <i class="flaticon-real-estate-agent"></i>
                        <h3>Experience Agent</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <div class="choose-item">
                        <i class="flaticon-key"></i>
                        <h3>Buy A Home</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3">
                    <div class="choose-item">
                        <i class="flaticon-sale"></i>
                        <h3>Sell Your Property</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="project-area pb-70">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">What We Build</span>
                <h2>Our Recent Projects On Real Estate Which We Done Successfully</h2>
                <div class="counter-item">
                    <h3>
                        <span class="odometer" data-count="{{ $projects->count() }}">00</span>
                        <span class="target">+</span>
                    </h3>
                    <p>Projects Completed</p>
                </div>
            </div>
            <div class="row">
                
                {{--<div class="col-sm-6 col-lg-6">
                    <div class="project-item">
                        <a href="property-details.html">
                            <img src="assets/images/projects/project1.jpg" alt="Project">
                        </a>
                        <div class="inner">
                            <h3>
                                <a href="property-details.html">Modern Apartment</a>
                            </h3>
                            <span>New York, USA</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6">
                    <div class="project-item">
                        <a href="property-details.html">
                            <img src="assets/images/projects/project2.jpg" alt="Project">
                        </a>
                        <div class="inner">
                            <h3>
                                <a href="property-details.html">Villa And Resort</a>
                            </h3>
                            <span>Australia</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6">
                    <div class="project-item">
                        <a href="property-details.html">
                            <img src="assets/images/projects/project3.jpg" alt="Project">
                        </a>
                        <div class="inner">
                            <h3>
                                <a href="property-details.html">Elegant Villa</a>
                            </h3>
                            <span>Canada</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6">
                    <div class="project-item">
                        <a href="property-details.html">
                            <img src="assets/images/projects/project4.jpg" alt="Project">
                        </a>
                        <div class="inner">
                            <h3>
                                <a href="property-details.html">City Center</a>
                            </h3>
                            <span>New Zealand</span>
                        </div>
                    </div>
                </div>--}}

                @foreach($projects_in_progress as $project_p) 
                <div class="col-sm-6 col-lg-6">
                    <div class="project-item">
                        <a href="">
                            <img src="{{ $project_p->images->first()->path }}" alt="Project">
                        </a>
                        <div class="inner">
                            <h3>
                                <a href="{{ route('client.projects.show', ['id' => $project_p->id]) }}">{{ $project_p->name }}</a>
                            </h3>
                            <!-- <span>New Zealand</span> -->
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>


    <section class="find-area ptb-100">
        <div class="container">
            <div class="find-content">
                <h2>Find Your Dream Home. Make A Free Schedule, No Obligation Appointment</h2>
                <!-- <a class="common-btn" href="index.html#">
                    Get A Full Quote
                    <i class='bx bxs-quote-right'></i>
                </a>
                <a class="common-btn find-btn" href="index.html#">
                    Find An Agent
                    <i class='bx bxs-user'></i>
                </a> -->
            </div>
        </div>
    </section>


    <section class="services-area pt-100 pb-70">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">What You Need</span>
                <h2>We Provide Best Services From Us</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur reprehenderit illum ducimus a, nisi
                    laborum magni expedita ullam accusantium quae</p>
            </div>
            <div class="row">
                <div class="col-sm-6 col-lg-3 p-0">
                    <div class="services-item">
                        <i class="flaticon-modern-house"></i>
                        <h3>
                            <a href="service-details.html">Modern House</a>
                        </h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3 p-0">
                    <div class="services-item">
                        <i class="flaticon-apartment"></i>
                        <h3>
                            <a href="service-details.html">Apartment</a>
                        </h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3 p-0">
                    <div class="services-item">
                        <i class="flaticon-town"></i>
                        <h3>
                            <a href="service-details.html">Town House</a>
                        </h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-3 p-0">
                    <div class="services-item right-border">
                        <i class="flaticon-mansion"></i>
                        <h3>
                            <a href="service-details.html">Luxury Home</a>
                        </h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed hic pariatur inventore</p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- <section class="city-area pb-70">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Find Properties</span>
                <h2>Browse Our Neighborhood Exclusive Listing</h2>
                <div class="counter-item">
                    <h3>
                        <span class="odometer" data-count="15">00</span>
                        <span class="target">+</span>
                    </h3>
                    <p>Neighborhood Countries</p>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-lg-4">
                    <div class="city-item">
                        <div class="top">
                            <img src="assets/images/city/city1.jpg" alt="City">
                            <a class="common-btn" href="property-details.html">
                                12 Properties
                                <i class='bx bx-chevron-right'></i>
                            </a>
                        </div>
                        <div class="bottom">
                            <h3>Wroclaw</h3>
                            <span>Wroclaw, Poland</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="city-item">
                        <div class="top">
                            <img src="assets/images/city/city2.jpg" alt="City">
                            <a class="common-btn" href="property-details.html">
                                11 Properties
                                <i class='bx bx-chevron-right'></i>
                            </a>
                        </div>
                        <div class="bottom">
                            <h3>Bangkok</h3>
                            <span>Bangkok, Thailand</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="city-item">
                        <div class="top">
                            <img src="assets/images/city/city3.jpg" alt="City">
                            <a class="common-btn" href="property-details.html">
                                10 Properties
                                <i class='bx bx-chevron-right'></i>
                            </a>
                        </div>
                        <div class="bottom">
                            <h3>Hong Kong</h3>
                            <span>Hong Kong</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="city-item">
                        <div class="top">
                            <img src="assets/images/city/city4.jpg" alt="City">
                            <a class="common-btn" href="property-details.html">
                                9 Properties
                                <i class='bx bx-chevron-right'></i>
                            </a>
                        </div>
                        <div class="bottom">
                            <h3>Palm Springs</h3>
                            <span>Palm Springs, CA, USA</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="city-item">
                        <div class="top">
                            <img src="assets/images/city/city5.jpg" alt="City">
                            <a class="common-btn" href="property-details.html">
                                8 Properties
                                <i class='bx bx-chevron-right'></i>
                            </a>
                        </div>
                        <div class="bottom">
                            <h3>Miami Beach</h3>
                            <span>Miami Beach, FL, USA</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-4">
                    <div class="city-item">
                        <div class="top">
                            <img src="assets/images/city/city6.jpg" alt="City">
                            <a class="common-btn" href="property-details.html">
                                7 Properties
                                <i class='bx bx-chevron-right'></i>
                            </a>
                        </div>
                        <div class="bottom">
                            <h3>Sydney</h3>
                            <span>Sydney, Australia</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->


    <!-- <section class="properties-area pt-100 pb-70">
        <div class="container-fluid">
            <div class="section-title">
                <span class="sub-title">Properties For Sell And Rent</span>
                <h2>Check Our Listing Properties For Sell And Rent</h2>
            </div>
            <div class="property-slider owl-theme owl-carousel">
                <div class="property-item">
                    <div class="top">
                        <span>New York</span>
                        <span>For Sell</span>
                        <img src="assets/images/property/property1.jpg" alt="Property">
                    </div>
                    <div class="bottom">
                        <span>From $12,000.00</span>
                        <h3>
                            <a href="property-details.html">Sag Harbor Cottage</a>
                        </h3>
                        <a class="location" href="index.html#">
                            <i class='bx bx-current-location'></i>
                            300 B 1st View Road, New York
                        </a>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                            <li>6 RM</li>
                        </ul>
                    </div>
                </div>
                <div class="property-item">
                    <div class="top">
                        <span>New York</span>
                        <span>For Rent</span>
                        <img src="assets/images/property/property2.jpg" alt="Property">
                    </div>
                    <div class="bottom">
                        <span>$11,000.00/Month</span>
                        <h3>
                            <a href="property-details.html">Cascade Blocks Villa</a>
                        </h3>
                        <a class="location" href="index.html#">
                            <i class='bx bx-current-location'></i>
                            300 B 1st View Road, New York
                        </a>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                            <li>6 RM</li>
                        </ul>
                    </div>
                </div>
                <div class="property-item">
                    <div class="top">
                        <span>New York</span>
                        <span>For Rent</span>
                        <img src="assets/images/property/property3.jpg" alt="Property">
                    </div>
                    <div class="bottom">
                        <span>$10,000.00/Month</span>
                        <h3>
                            <a href="property-details.html">Extension Haven</a>
                        </h3>
                        <a class="location" href="index.html#">
                            <i class='bx bx-current-location'></i>
                            300 B 1st View Road, New York
                        </a>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                            <li>6 RM</li>
                        </ul>
                    </div>
                </div>
                <div class="property-item">
                    <div class="top">
                        <span>New York</span>
                        <span>For Sell</span>
                        <img src="assets/images/property/property4.jpg" alt="Property">
                    </div>
                    <div class="bottom">
                        <span>From $9,000.00</span>
                        <h3>
                            <a href="property-details.html">Titan House</a>
                        </h3>
                        <a class="location" href="index.html#">
                            <i class='bx bx-current-location'></i>
                            300 B 1st View Road, New York
                        </a>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                            <li>6 RM</li>
                        </ul>
                    </div>
                </div>
                <div class="property-item">
                    <div class="top">
                        <span>New York</span>
                        <span>For Sell</span>
                        <img src="assets/images/property/property5.jpg" alt="Property">
                    </div>
                    <div class="bottom">
                        <span>From $8,000.00</span>
                        <h3>
                            <a href="property-details.html">Royal House</a>
                        </h3>
                        <a class="location" href="index.html#">
                            <i class='bx bx-current-location'></i>
                            300 B 1st View Road, New York
                        </a>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                            <li>6 RM</li>
                        </ul>
                    </div>
                </div>
                <div class="property-item">
                    <div class="top">
                        <span>New York</span>
                        <span>For Sell</span>
                        <img src="assets/images/property/property6.jpg" alt="Property">
                    </div>
                    <div class="bottom">
                        <span>From $7,000.00</span>
                        <h3>
                            <a href="property-details.html">Natural Cottage</a>
                        </h3>
                        <a class="location" href="index.html#">
                            <i class='bx bx-current-location'></i>
                            300 B 1st View Road, New York
                        </a>
                        <ul>
                            <li>5 BD</li>
                            <li>2 BA</li>
                            <li>1800 SF</li>
                            <li>6 RM</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section> -->


    <section class="team-area pt-100 pb-70">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">Meet Our Agent</span>
                <h2>Our Expert Team Will Give You Best Support Always</h2>
                <div class="counter-item">
                    <h3>
                        <span class="odometer" data-count="{{ $team_members->count() }}">00</span>
                        <span class="target">+</span>
                    </h3>
                    <p>Experienced Agents</p>
                </div>
            </div>
            <div class="team-slider owl-theme owl-carousel">
            @foreach($team_members as $member)
                {{--<div class="team-item">
                    <div class="top">
                        <span>New York</span>
                        <span>Level 5</span>
                        <img src="assets/images/team1.jpg" alt="Team">
                        <h3>Martine Gaptil</h3>
                        <p>CEO And Founder</p>
                        <ul>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-facebook'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-twitter'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-instagram'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-youtube'></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li>
                                <i class='bx bx-mail-send'></i>
                                <a href="../../cdn-cgi/l/email-protection.html#f8909d949497b88b96919e8cd69b9795"><span
                                        class="__cf_email__"
                                        data-cfemail="2048454c4c4f60534e4946540e434f4d">[email&#160;protected]</span></a>
                            </li>
                            <li>
                                <i class='bx bx-phone-call'></i>
                                <a href="tel:+123456789">+123-456-789</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="team-item">
                    <div class="top">
                        <span>Spain</span>
                        <span>Level 5</span>
                        <img src="assets/images/team2.jpg" alt="Team">
                        <h3>Genelia Simran</h3>
                        <p>Manager</p>
                        <ul>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-facebook'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-twitter'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-instagram'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-youtube'></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li>
                                <i class='bx bx-mail-send'></i>
                                <a href="../../cdn-cgi/l/email-protection.html#3d54535b527d4e53545b49135e5250"><span
                                        class="__cf_email__"
                                        data-cfemail="a6cfc8c0c9e6d5c8cfc0d288c5c9cb">[email&#160;protected]</span></a>
                            </li>
                            <li>
                                <i class='bx bx-phone-call'></i>
                                <a href="tel:+478562482">+478-562-482</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="team-item">
                    <div class="top">
                        <span>Dubai</span>
                        <span>Level 5</span>
                        <img src="assets/images/team3.jpg" alt="Team">
                        <h3>Denris Angelina</h3>
                        <p>Agent</p>
                        <ul>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-facebook'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-twitter'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-instagram'></i>
                                </a>
                            </li>
                            <li>
                                <a href="index.html#" target="_blank">
                                    <i class='bx bxl-youtube'></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li>
                                <i class='bx bx-mail-send'></i>
                                <a href="../../cdn-cgi/l/email-protection.html#bdd4d3dbd2fdced3d4dbc993ded2d0"><span
                                        class="__cf_email__"
                                        data-cfemail="61080f070e21120f0807154f020e0c">[email&#160;protected]</span></a>
                            </li>
                            <li>
                                <i class='bx bx-phone-call'></i>
                                <a href="tel:+752364471">+752-364-471</a>
                            </li>
                        </ul>
                    </div>
                </div>--}}
                <div class="team-item">
                    <div class="top">
                        <span>{{ $member->city }}</span>
                        <img src="{{ $member->avatar }}" alt="Team">
                        <h3>{{ $member->fullname }}</h3>
                        <p>{{ $member->function }}</p>
                        <ul>
                            <li>
                                <a href="#" target="_blank">
                                    <i class='bx bxl-facebook'></i>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <i class='bx bxl-twitter'></i>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <i class='bx bxl-instagram'></i>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <i class='bx bxl-youtube'></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li>
                                <i class='bx bx-mail-send'></i>
                                <a href="#"><span>{{ $member->email }}</span></a>
                            </li>
                            <li>
                                <i class='bx bx-phone-call'></i>
                                <a href="tel:{{ $member->phone }}">{{ $member->phone }}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            @endforeach
            </div>
        </div>
    </section>


    <div class="partner-area ptb-100">
        <div class="container">
            <div class="partner-slider owl-theme owl-carousel">
                <div class="partner-item">
                    <img src="assets/images/partner/partner1.png" alt="Partner">
                </div>
                <div class="partner-item">
                    <img src="assets/images/partner/partner2.png" alt="Partner">
                </div>
                <div class="partner-item">
                    <img src="assets/images/partner/partner3.png" alt="Partner">
                </div>
                <div class="partner-item">
                    <img src="assets/images/partner/partner4.png" alt="Partner">
                </div>
                <div class="partner-item">
                    <img src="assets/images/partner/partner5.png" alt="Partner">
                </div>
                <div class="partner-item">
                    <img src="assets/images/partner/partner6.png" alt="Partner">
                </div>
                <div class="partner-item">
                    <img src="assets/images/partner/partner1.png" alt="Partner">
                </div>
            </div>
        </div>
    </div>

@endsection