@extends('layouts.app')

@section('content')
    <!-- BANNER SECTION START -->
    <section class="ul-banner">
        <!-- top -->
        <div class="top">
            <div class="ul-banner-slider swiper">
                <div class="swiper-wrapper">
                    <!-- single slide -->
                    <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1920&h=1080&fit=crop'); background-size: cover; background-position: center; min-height: 600px;">
                        <div class="ul-banner-slide">
                            <div class="ul-banner-container">
                                <div class="row align-items-center flex-sm-row flex-column-reverse">
                                    <!-- banner text -->
                                    <div class="col-md-9 col-sm-8">
                                        <span class="ul-banner-slide-shadow-title">SREENIVAS</span>
                                        <div class="ul-banner-slide-txt wow animate__fadeInUp">
                                            <span class="ul-banner-slide-sub-title">your Luxury Residence</span>
                                            <h1 class="ul-banner-slide-title">Top Notch Living Space For Life</h1>
                                            <p class="ul-banner-slide-descr">Over 1 million+ homes for sale available on the website, we can match you with a house you will want to call home.</p>
                                            <div class="ul-banner-slide-btns">
                                                <div style="background: #f58731; color: white; padding: 15px 35px; border-radius: 50px; font-weight: bold; font-size: 16px; display: inline-block; border: 3px solid #f58731; margin-right: 15px; box-shadow: 0 4px 15px rgba(245, 135, 49, 0.8); cursor: pointer; position: relative; z-index: 100;" onclick="window.location.href='{{ route('projects') }}'">Get Started</div>
                                                
                                            </div>
                                        </div>
                                    </div>

                                    <!-- banner image -->
                                    <div class="col-md-3 col-sm-4">
                                        <div class="ul-banner-slide-img wow animate__fadeInUp">
                                            <img src="data:image/jpeg;base64,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" alt="Banner Image">
                                            <a href="https://youtu.be/4jnzf1yj48M?si=owDQ6MQLmVy0r56E" data-fslightbox="video" class="ul-banner-slide-video-btn"><i class="flaticon-play"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=1920&h=1080&fit=crop'); background-size: cover; background-position: center; min-height: 600px;">
                        <div class="ul-banner-slide">
                            <div class="ul-banner-container">
                                <div class="row align-items-center flex-sm-row flex-column-reverse">
                                    <!-- banner text -->
                                    <div class="col-md-9 col-sm-8">
                                        <span class="ul-banner-slide-shadow-title">SREENIVAS</span>
                                        <div class="ul-banner-slide-txt wow animate__fadeInUp">
                                            <span class="ul-banner-slide-sub-title">your Luxury Residence</span>
                                            <h1 class="ul-banner-slide-title">Top Notch Living Space For Life</h1>
                                            <p class="ul-banner-slide-descr">Over 1 million+ homes for sale available on the website, we can match you with a house you will want to call home.</p>
                                            <div class="ul-banner-slide-btns">
                                                <div style="background: transparent; color: white; padding: 15px 35px; border-radius: 50px; font-weight: bold; font-size: 16px; display: inline-block; border: 3px solid #f58731; margin-right: 15px; box-shadow: 0 4px 15px rgba(245, 135, 49, 0.3); cursor: pointer; position: relative; z-index: 100;" onclick="window.location.href='{{ route('projects') }}'">Explore Properties</div>
                                                
                                            </div>
                                        </div>
                                    </div>

                                    <!-- banner image -->
                                    <div class="col-md-3 col-sm-4">
                                        <div class="ul-banner-slide-img wow animate__fadeInUp">
                                            <img src="data:image/jpeg;base64,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" alt="Banner Image">
                                            <a href="https://youtu.be/4jnzf1yj48M?si=owDQ6MQLmVy0r56E" data-fslightbox="video" class="ul-banner-slide-video-btn"><i class="flaticon-play"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- bottom -->
        <div class="bottom">
            <div class="left wow animate__fadeInUp">
                <div class="ul-banner-address-slider swiper">
                    <div class="swiper-wrapper">
                        <!-- single slide -->
                        <div class="swiper-slide">
                            <span class="address-1">Los Angeles, CA</span>
                            <span class="address-2">1901 Cutter Lane</span>
                        </div>

                        <!-- single slide -->
                        <div class="swiper-slide">
                            <span class="address-1">Los Angeles, LA</span>
                            <span class="address-2">1901 Cutter Lane</span>
                        </div>

                        <!-- single slide -->
                        <div class="swiper-slide">
                            <span class="address-1">Newj York</span>
                            <span class="address-2">1901 Cutter Lane</span>
                        </div>
                    </div>

                </div>
            </div>

            <div class="right wow animate__fadeInUp">
                <div class="ul-banner-slider-pagination"></div>
                <div class="ul-banner-slider-nav ul-slider-nav">
                    <button class="prev"><i class="flaticon-left"></i></button>
                    <button class="next"><i class="flaticon-right"></i></button>
                </div>
            </div>
        </div>
    </section>
    <!-- BANNER SECTION END -->


    <!-- CITIES SECTION START -->
    <section class="ul-cities ul-section-spacing">
        <div class="ul-container wow animate__fadeInUp">
            <!-- section heading -->
            <div class="ul-section-heading">
                <div class="left">
                    <h2 class="ul-section-title">Find Properties in Chennai Areas</h2>
                    <p class="ul-section-descr">Explore premium residential properties in prime Chennai locations,</p>
                </div>
                <!-- <div class="right">
                    <a href="{{ route('projects') }}" class="ul-btn" style="background: #f58731; color: white; padding: 15px 35px; border-radius: 50px; font-weight: bold; font-size: 16px; text-decoration: none; display: inline-block; border: 2px solid #f58731; box-shadow: 0 4px 15px rgba(245, 135, 49, 0.5); cursor: pointer;">See All Properties</a>
                </div> -->
            </div>

            <!-- cities -->
            <div class="row row-cols-xl-4 row-cols-md-3 row-cols-2 row-cols-xxs-1 g-4 mx-auto">
                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Tambaram"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Tambaram</a></h3>
                            <span class="ul-city-count">12 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=300&fit=crop" alt="OMR"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">OMR</a></h3>
                            <span class="ul-city-count">8 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Anna Nagar"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Anna Nagar</a></h3>
                            <span class="ul-city-count">15 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Porur"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Porur</a></h3>
                            <span class="ul-city-count">8 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Anna Nagar"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Anna Nagar</a></h3>
                            <span class="ul-city-count">15 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Velachery"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Velachery</a></h3>
                            <span class="ul-city-count">7 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Adyar"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Adyar</a></h3>
                            <span class="ul-city-count">9 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop" alt="Mogappair"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Mogappair</a></h3>
                            <span class="ul-city-count">6 Properties</span>
                        </div>
                    </div>
                </div>

                <!-- single city -->
                <div class="col">
                    <div class="ul-city">
                        <div class="img"><a href="{{ route('projects') }}"><img src="https://images.unsplash.com/photo-1570129477492-45c003edd2be?w=400&h=300&fit=crop" alt="Porur"></a></div>
                        <div class="txt">
                            <h3 class="ul-city-title"><a href="{{ route('projects') }}">Porur</a></h3>
                            <span class="ul-city-count">11 Properties</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- vector -->
        <div class="ul-cities-vectors">
            <img src="https://realestics.temptics.com/assets/img/cities-vector-1.svg" alt="vector" class="vector-1 wow animate__fadeInLeft">
            <img src="https://realestics.temptics.com/assets/img/cities-vector-2.svg" alt="vector" class="vector-2 wow animate__fadeInUp">
        </div>
    </section>
    <!-- CITIES SECTION END -->


    <!-- WHY CHOOSE US SECTION START -->
    <section class="ul-why-choose-us ul-section-spacing wow animate__fadeInUp">
        <div class="ul-container">
            <div class="row row-cols-lg-2 row-cols-1 align-items-center">
                <div class="col">
                    <!-- <div class="d-flex justify-content-end"> -->
                    <div class="ul-why-choose-us-imgs">
                        <div class="img"><img src="https://realestics.temptics.com/assets/img/why-choose-img-1.jpg " alt="image"></div>
                        <div class="img">
                            <img src="https://realestics.temptics.com/assets/img/why-choose-img-2.jpg " alt="image">
                            <!-- icon -->
                            <div class="icon"><i class="flaticon-home-agreement"></i></div>
                        </div>
                    </div>
                    <!-- </div> -->
                </div>

                <!-- txt -->
                <div class="col">
                    <div class="ul-why-choose-us-txt">
                        <span class="ul-section-sub-title">Why choose us</span>
                        <h2 class="ul-section-title">We Bring Your Dream Homes to Reality</h2>
                        <p class="ul-why-choose-us-heading-descr">We offer perfect real estate services</p>

                        <div class="ul-why-choose-us-list">
                            <div class="ul-why-choose-us-list-item">
                                <div class="icon"><i class="flaticon-property"></i></div>
                                <div class="txt">
                                    <h3 class="ul-why-choose-us-list-item-title">Property Management</h3>
                                    <p class="ul-why-choose-us-list-item-descr">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit perspiciatis adipisci quas facere a!</p>
                                </div>
                            </div>

                            <div class="ul-why-choose-us-list-item">
                                <div class="icon"><i class="flaticon-list-1"></i></div>
                                <div class="txt">
                                    <h3 class="ul-why-choose-us-list-item-title">Mortgage Services</h3>
                                    <p class="ul-why-choose-us-list-item-descr">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit perspiciatis adipisci quas facere a!</p>
                                </div>
                            </div>

                            <div class="ul-why-choose-us-list-item">
                                <div class="icon"><i class="flaticon-change"></i></div>
                                <div class="txt">
                                    <h3 class="ul-why-choose-us-list-item-title">Financing made easy</h3>
                                    <p class="ul-why-choose-us-list-item-descr">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit perspiciatis adipisci quas facere a!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- WHY CHOOSE US SECTION END -->


    <!-- PROPERTY FILTER SEARCH SECTION START -->
    <section class="ul-property-filter-search ul-section-spacing pt-0">
        <div class="ul-property-filter-search-container">
            <h3 class="ul-property-filter-search-title text-center wow animate__fadeInUp">Search Your Property</h3>
            <form action="#" class="ul-property-filter-search-form wow animate__fadeInUp">
                <div class="form-group">
                    <label for="filter-location">Location</label>
                    <select name="location" id="filter-location">
                        <option value="los-angeles">Los Angeles</option>
                        <option value="new-york">New York</option>
                        <option value="san-francisco">San Francisco</option>
                        <option value="san-diego">San Diego</option>
                        <option value="san-jose">San Jose</option>
                        <option value="san-bernardino">San Bernardino</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="filter-property-type">Property Type</label>
                    <select name="property-type" id="filter-property-type">
                        <option value="apartment">Apartment</option>
                        <option value="office">Office</option>
                        <option value="villa">Villa</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="filter-price">Price</label>
                    <select name="price" id="filter-price">
                        <option value="200-500">$200 - $500</option>
                        <option value="500-1000">$500 - $1000</option>
                        <option value="1000-1500">$1000 - $1500</option>
                    </select>
                </div>

                <button type="submit"><span class="icon"><i class="flaticon-search"></i></span> Search</button>
            </form>
        </div>
    </section>
    <!-- PROPERTY FILTER SEARCH SECTION END -->


    <!-- FEATURED PROPERTIES SECTION START -->
    <section class="ul-featured-properties ul-section-spacing">
        <!-- section title slider -->
        <div class="ul-featured-properties-title-slider splide">
            <div class="splide__track">
                <ul class="splide__list">
                    <li class="splide__slide">
                        <h2 class="ul-featured-properties-title-txt"><i class="flaticon-star"></i> Featured Properties</h2>
                    </li>
                    <li class="splide__slide">
                        <h2 class="ul-featured-properties-title-txt"><i class="flaticon-star"></i> Featured Properties</h2>
                    </li>
                </ul>
            </div>
        </div>

        <!-- properties slider -->
        <div class="ul-featured-properties-slider-wrapper wow animate__fadeInUp">
            <div class="ul-featured-properties-slider swiper">
                <div class="swiper-wrapper">
                    <!-- single property slider item -->
                    <div class="swiper-slide">
                        <div class="ul-featured-property ul-project">
                            <div>
                                <div class="header">
                                    <div class="left"><span class="index">01</span></div>
                                    <div class="right">
                                        <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                    </div>
                                </div>
                                <a href="{{ route('project-details') }}" class="ul-project-title">Palm Harbor</a>
                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                            </div>
                            <div class="ul-project-img">
                                <img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="Project Image">
                                <span class="ul-project-tag">Popular</span>
                            </div>
                            <div class="ul-project-txt">
                                <!-- price -->
                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                <!-- infos -->
                                <div class="ul-project-infos ul-featured-property-infos">
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bed-color"></i></span>
                                        <span class="text">3 Beds</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bath"></i></span>
                                        <span class="text">2 Bathrooms</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-scale"></i></span>
                                        <span class="text">6x7.5 m²</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- single property slider item -->
                    <div class="swiper-slide">
                        <div class="ul-featured-property ul-project">
                            <div>
                                <div class="header">
                                    <div class="left"><span class="index">02</span></div>
                                    <div class="right">
                                        <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                    </div>
                                </div>
                                <a href="{{ route('project-details') }}" class="ul-project-title">Cove Red</a>
                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                            </div>
                            <div class="ul-project-img">
                                <img src="https://images.unsplash.com/photo-1515873925975-53ca4166b3f8?w=400&h=300&fit=crop" alt="Project Image">
                                <span class="ul-project-tag">Popular</span>
                            </div>
                            <div class="ul-project-txt">
                                <!-- price -->
                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                <!-- infos -->
                                <div class="ul-project-infos ul-featured-property-infos">
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bed-color"></i></span>
                                        <span class="text">3 Beds</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bath"></i></span>
                                        <span class="text">2 Bathrooms</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-scale"></i></span>
                                        <span class="text">6x7.5 m²</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- single property slider item -->
                    <div class="swiper-slide">
                        <div class="ul-featured-property ul-project">
                            <div>
                                <div class="header">
                                    <div class="left"><span class="index">03</span></div>
                                    <div class="right">
                                        <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                    </div>
                                </div>
                                <a href="{{ route('project-details') }}" class="ul-project-title">Tarpon Bay</a>
                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                            </div>
                            <div class="ul-project-img">
                                <img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="Project Image">
                                <span class="ul-project-tag">Popular</span>
                            </div>
                            <div class="ul-project-txt">
                                <!-- price -->
                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                <!-- infos -->
                                <div class="ul-project-infos ul-featured-property-infos">
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bed-color"></i></span>
                                        <span class="text">3 Beds</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bath"></i></span>
                                        <span class="text">2 Bathrooms</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-scale"></i></span>
                                        <span class="text">6x7.5 m²</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- single property slider item -->
                    <div class="swiper-slide">
                        <div class="ul-featured-property ul-project">
                            <div>
                                <div class="header">
                                    <div class="left"><span class="index">04</span></div>
                                    <div class="right">
                                        <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                    </div>
                                </div>
                                <a href="{{ route('project-details') }}" class="ul-project-title">Beverly Springfield</a>
                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                            </div>
                            <div class="ul-project-img">
                                <img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop" alt="Project Image">
                                <span class="ul-project-tag">Popular</span>
                            </div>
                            <div class="ul-project-txt">
                                <!-- price -->
                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                <!-- infos -->
                                <div class="ul-project-infos ul-featured-property-infos">
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bed-color"></i></span>
                                        <span class="text">3 Beds</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bath"></i></span>
                                        <span class="text">2 Bathrooms</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-scale"></i></span>
                                        <span class="text">6x7.5 m²</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- single property slider item -->
                    <div class="swiper-slide">
                        <div class="ul-featured-property ul-project">
                            <div>
                                <div class="header">
                                    <div class="left"><span class="index">05</span></div>
                                    <div class="right">
                                        <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                    </div>
                                </div>
                                <a href="{{ route('project-details') }}" class="ul-project-title">Beverly Springfield</a>
                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                            </div>
                            <div class="ul-project-img">
                                <img src="https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?w=400&h=300&fit=crop" alt="Project Image">
                                <span class="ul-project-tag">Popular</span>
                            </div>
                            <div class="ul-project-txt">
                                <!-- price -->
                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                <!-- infos -->
                                <div class="ul-project-infos ul-featured-property-infos">
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bed-color"></i></span>
                                        <span class="text">3 Beds</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-bath"></i></span>
                                        <span class="text">2 Bathrooms</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-project-info ul-featured-property-info">
                                        <span class="icon"><i class="flaticon-scale"></i></span>
                                        <span class="text">6x7.5 m²</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- slider navigation -->
            <div class="ul-featured-properties-slider-nav ul-slider-nav">
                <button class="prev"><i class="flaticon-left"></i></button>
                <button class="next"><i class="flaticon-right"></i></button>
            </div>
        </div>
    </section>
    <!-- FEATURED PROPERTIES SECTION END -->


    <!-- PROPERTIES SECTION START -->
    <section class="ul-properties ul-section-spacing">
        <div class="ul-container wow animate__fadeInUp">
            <!-- section heading -->
            <div class="ul-section-heading">
                <div class="left">
                    <span class="ul-section-sub-title">Properties</span>
                    <h2 class="ul-section-title">Browse Our Properties</h2>
                </div>
                <div class="right">
                    <a href="{{ route('projects') }}" class="ul-btn">Browse All Properties</a>
                </div>
            </div>

            <!-- tabs -->
            <div class="ul-properties-tabs">
                <!-- tabs nav -->
                <div class="ul-properties-tabs-nav">
                    <button class="active" data-tab-target="#tab-all">All</button>
                    <button data-tab-target="#tab-rent">For Rent</button>
                    <button data-tab-target="#tab-sell">For Sale</button>
                </div>

                <!-- tabs content -->
                <div class="ul-properties-tabs-content">
                    <!-- 1st tab / all -->
                    <div class="ul-tab active" id="tab-all">
                        <div class="row row-cols-md-3 row-cols-2 row-cols-xxs-1 ul-bs-row">
                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Palm Harbor</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Beverly Springfield</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Faulkner Ave</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 2nd tab / rent -->
                    <div class="ul-tab" id="tab-rent">
                        <div class="row row-cols-md-3 row-cols-2 row-cols-xxs-1 ul-bs-row">
                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Palm Harbor</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Beverly Springfield</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Faulkner Ave</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 3rd tab / sell -->
                    <div class="ul-tab" id="tab-sell">
                        <div class="row row-cols-md-3 row-cols-2 row-cols-xxs-1 ul-bs-row">
                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Faulkner Ave</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">St. Crystal</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Palm Harbor</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Beverly Springfield</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Cove Red</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single project -->
                            <div class="col">
                                <div class="ul-project">
                                    <div class="ul-project-img"><img src="https://images.unsplash.com/photo-1515873925975-53ca4166b3f8?w=400&h=300&fit=crop" alt="Project Image"></div>
                                    <div class="ul-project-txt">
                                        <span class="ul-project-tag">Popular</span>
                                        <div class="top">
                                            <div class="left">
                                                <span class="ul-project-price"><span class="number">$4,500</span>/Month</span>
                                                <a href="{{ route('project-details') }}" class="ul-project-title">Tarpon Bay</a>
                                                <p class="ul-project-location">2821 Lake Sevilla, Palm Harbor, TX</p>
                                            </div>
                                            <div class="right">
                                                <button class="ul-project-add-to-favorites-btn"><i class="flaticon-heart"></i></button>
                                            </div>
                                        </div>

                                        <!-- bottom -->
                                        <div class="ul-project-infos ul-featured-property-infos">
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bed-color"></i></span>
                                                <span class="text">3 Beds</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-bath"></i></span>
                                                <span class="text">2 Bathrooms</span>
                                            </div>
                                            <!-- single info -->
                                            <div class="ul-project-info ul-featured-property-info">
                                                <span class="icon"><i class="flaticon-scale"></i></span>
                                                <span class="text">6x7.5 m²</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="text-center wow animate__fadeInUp">
                    <a href="{{ route('projects') }}" class="ul-btn ul-properties-btn">Browse More Properties</a>
                </div>
            </div>
        </div>
    </section>
    <!-- PROPERTIES SECTION END -->


    <!-- STATS SECTION START -->
    <div class="ul-stats ul-section-spacing">
        <!-- <div class="ul-container"> -->
        <div class="ul-stats-wrapper wow animate__fadeInUp">
            <div class="ul-stats-item">
                <i class="flaticon-excavator"></i>
                <span class="number">260+</span>
                <span class="txt">Total Construction</span>
            </div>
            <div class="ul-stats-item">
                <i class="flaticon-interior-design"></i>
                <span class="number">110+</span>
                <span class="txt">Apartio Rooms</span>
            </div>
            <div class="ul-stats-item">
                <i class="flaticon-buildings"></i>
                <span class="number">190+</span>
                <span class="txt">Apartments Sold</span>
            </div>
            <div class="ul-stats-item">
                <i class="flaticon-map"></i>
                <span class="number">560+</span>
                <span class="txt">Total Area Sq</span>
            </div>
        </div>
        <!-- </div> -->
    </div>
    <!-- STATS SECTION END -->


    <!-- TESTIMONIAL SECTION START -->
    <section class="ul-testimonial ul-section-spacing">
        <div class="ul-testimonial-container">
            <div class="row row-cols-lg-2 row-cols-1 gx-0 align-items-center flex-lg-row flex-column-reverse gy-5">
                <!-- img -->
                <div class="col">
                    <div class="ul-testimonial-img wow animate__fadeInUp">
                        <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=400&h=300&fit=crop" alt="Testimonial Image">
                    </div>
                </div>

                <!-- testimonial slider -->
                <div class="col">
                    <div class="ul-testimonial-txt wow animate__fadeInUp">
                        <div class="ul-section-heading">
                            <div>
                                <span class="ul-section-sub-title">Testimonials</span>
                                <h2 class="ul-section-title">What Our Clients Say</h2>
                            </div>
                        </div>
                        <div class="ul-testimonial-slider swiper">
                            <div class="swiper-wrapper">
                                <!-- single slide -->
                                <div class="swiper-slide">
                                    <div class="ul-testimony">
                                        <div class="top">
                                            <div class="ul-testimony-reviewer-img">
                                                <img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="Reviewer Image">
                                            </div>

                                            <div class="ul-testimony-reviewer-info">
                                                <h3 class="ul-testimony-reviewer-name">Kathryn Murphy</h3>
                                                <h4 class="ul-testimony-reviewer-role">Medical Assistant</h4>
                                                <div class="ul-testimony-rating">
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                </div>
                                            </div>

                                            <div class="ul-testimony-quotation-icon flex-shrink-0">
                                                <img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="quotaion-icon">
                                            </div>
                                        </div>
                                        <p class="ul-testimony-txt">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo "</p>
                                    </div>
                                </div>

                                <!-- single slide -->
                                <div class="swiper-slide">
                                    <div class="ul-testimony">
                                        <div class="top">
                                            <div class="ul-testimony-reviewer-img">
                                                <img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop" alt="Reviewer Image">
                                            </div>

                                            <div class="ul-testimony-reviewer-info">
                                                <h3 class="ul-testimony-reviewer-name">Kathryn Murphy</h3>
                                                <h4 class="ul-testimony-reviewer-role">Medical Assistant</h4>
                                                <div class="ul-testimony-rating">
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                </div>
                                            </div>

                                            <div class="ul-testimony-quotation-icon flex-shrink-0">
                                                <img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="quotaion-icon">
                                            </div>
                                        </div>
                                        <p class="ul-testimony-txt">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo "</p>
                                    </div>
                                </div>

                                <!-- single slide -->
                                <div class="swiper-slide">
                                    <div class="ul-testimony">
                                        <div class="top">
                                            <div class="ul-testimony-reviewer-img">
                                                <img src="https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?w=400&h=300&fit=crop" alt="Reviewer Image">
                                            </div>

                                            <div class="ul-testimony-reviewer-info">
                                                <h3 class="ul-testimony-reviewer-name">Kathryn Murphy</h3>
                                                <h4 class="ul-testimony-reviewer-role">Medical Assistant</h4>
                                                <div class="ul-testimony-rating">
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                    <i class="flaticon-star"></i>
                                                </div>
                                            </div>

                                            <div class="ul-testimony-quotation-icon flex-shrink-0">
                                                <img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="quotaion-icon">
                                            </div>
                                        </div>
                                        <p class="ul-testimony-txt">Consectetur adipiscing elit. Integer nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean pulvinar maximus leo "</p>
                                    </div>
                                </div>
                            </div>

                            <!-- slider pagination -->
                            <div class="ul-testimonial-slider-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- TESTIMONIAL SECTION END -->


    <!-- BLOG SECTION START -->
    <section class="ul-blogs ul-section-spacing">
        <div class="ul-container wow animate__fadeInUp">
            <!-- section heading -->
            <div class="ul-section-heading">
                <div class="left">
                    <span class="ul-section-sub-title">Latest News</span>
                    <h2 class="ul-section-title">Our Latest News & Blog</h2>
                </div>

                <div class="right">
                    <a href="{{ route('blog') }}" class="ul-btn ul-blogs-heading-btn">View All News</a>
                </div>
            </div>


            <div class="row row-cols-lg-2 row-cols-1 ul-bs-row">
                <!-- blog big -->
                <div class="col">
                    <div class="ul-blog-wrapper">
                        <div class="ul-blog">
                            <div class="ul-blog-img"><img src="https://images.unsplash.com/photo-1600566753376-12c8ac7c9e97?w=400&h=300&fit=crop" alt="Blog Image"></div>
                            <div class="ul-blog-txt">
                                <div class="ul-blog-infos">
                                    <!-- single info -->
                                    <div class="ul-blog-info">
                                        <span class="icon"><i class="flaticon-user"></i></span>
                                        <span class="text font-normal text-[14px] text-etGray">By Admin</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-blog-info">
                                        <span class="icon"><i class="flaticon-calendar"></i></span>
                                        <span class="text font-normal text-[14px] text-etGray">Jun 24, 2024</span>
                                    </div>
                                </div>
                                <a href="{{ route('blog-details') }}" class="ul-blog-title">What to Look for When Buying a Pre-Owned Car Cars Which is Right for You</a>
                                <p class="ul-blog-excerpt">From luxury and economy cars and find out which best suits your lifestyle economy cars and find</p>
                                <a href="{{ route('blog-details') }}" class="ul-blog-btn">Read More <span class="icon"><i class="flaticon-aro-left"></i></span></a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- blog -->
                <div class="col">
                    <div class="ul-blog-wrapper">
                        <div class="ul-blog ul-blog-horizontal">
                            <div class="ul-blog-img"><img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="Blog Image"></div>
                            <div class="ul-blog-txt">
                                <div class="ul-blog-infos">
                                    <!-- single info -->
                                    <div class="ul-blog-info">
                                        <span class="icon"><i class="flaticon-user"></i></span>
                                        <span class="text font-normal text-[14px] text-etGray">By Admin</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-blog-info">
                                        <span class="icon"><i class="flaticon-calendar"></i></span>
                                        <span class="text font-normal text-[14px] text-etGray">Jun 24, 2024</span>
                                    </div>
                                </div>
                                <a href="{{ route('blog-details') }}" class="ul-blog-title">What to Look for When Buying a</a>
                                <p class="ul-blog-excerpt">From luxury and economy cars and find out which best</p>
                                <a href="{{ route('blog-details') }}" class="ul-blog-btn">Read More <span class="icon"><i class="flaticon-aro-left"></i></span></a>
                            </div>
                        </div>

                        <div class="ul-blog ul-blog-horizontal">
                            <div class="ul-blog-img"><img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop" alt="Blog Image"></div>
                            <div class="ul-blog-txt">
                                <div class="ul-blog-infos">
                                    <!-- single info -->
                                    <div class="ul-blog-info">
                                        <span class="icon"><i class="flaticon-user"></i></span>
                                        <span class="text font-normal text-[14px] text-etGray">By Admin</span>
                                    </div>
                                    <!-- single info -->
                                    <div class="ul-blog-info">
                                        <span class="icon"><i class="flaticon-calendar"></i></span>
                                        <span class="text font-normal text-[14px] text-etGray">Jun 24, 2024</span>
                                    </div>
                                </div>
                                <a href="{{ route('blog-details') }}" class="ul-blog-title">What to Look for When Buying a</a>
                                <p class="ul-blog-excerpt">From luxury and economy cars and find out which best</p>
                                <a href="{{ route('blog-details') }}" class="ul-blog-btn">Read More <span class="icon"><i class="flaticon-aro-left"></i></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- BLOG SECTION END -->


    <!-- PARTNERS AREA START -->
    <div class="ul-partners-area">
        <div class="ul-container wow animate__fadeInUp">
            <span class="ul-partners-area-title">Trusted by The World's Best</span>

            <div class="ul-partners-slider swiper">
                <div class="swiper-wrapper align-items-center">
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-1.png') }}" alt="Parter Logo">
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-2.png') }}" alt="Parter Logo">
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-3.png') }}" alt="Parter Logo">
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-4.png') }}" alt="Parter Logo">
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-5.png') }}" alt="Parter Logo">
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-6.png') }}" alt="Parter Logo">
                    </div>
                    <!-- single slide -->
                    <div class="swiper-slide">
                        <img src="{{ asset('assets/img/partner-1.png') }}" alt="Parter Logo">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- PARTNERS AREA END -->


    <!-- APP AD SECTION START -->
    <div class="ul-app-ad wow animate__fadeInUp">
        <div class="ul-app-ad-container">
            <div class="ul-app-ad-content">
                <div class="row align-items-start gy-5">
                    <!-- txt -->
                    <div class="col-lg-7">
                        <div class="ul-app-ad-txt">
                            <span class="ul-section-sub-title">Download App</span>
                            <h2 class="ul-section-title">Download Our Real Estate Mobile App <span class="colored">15% Off</span></h2>
                            <div class="ul-app-ad-btns">
                                <button>
                                    <i class="flaticon-play"></i>
                                    <span>
                                        <span class="sub-title">Get in on</span>
                                        <span class="title">Apps Store</span>
                                    </span>
                                </button>
                                <button>
                                    <i class="flaticon-play"></i>
                                    <span>
                                        <span class="sub-title">Get in on</span>
                                        <span class="title">Google Play</span>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>

                    <!-- img -->
                    <div class="col-lg-5">
                        <div class="ul-app-ad-imgs">
                            <div class="ul-app-ad-img">
                                <!-- qr code -->
                                <img src="https://images.unsplash.com/photo-1515873925975-53ca4166b3f8?w=400&h=300&fit=crop" alt="QR Code" class="ul-app-ad-qr-code">
                                <!-- app screenshot 1 -->
                                <img src="https://images.unsplash.com/photo-1600607687936-ce88c6b91927?w=400&h=300&fit=crop" alt="App screenshot" class="ul-app-ad-ss-1">
                            </div>
                            <div class="ul-app-ad-img">
                                <!-- app screenshot 2 -->
                                <img src="https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=400&h=300&fit=crop" alt="App Screenshot" class="ul-app-ad-ss-2">
                            </div>

                            <!-- vector -->
                            <img src="https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?w=400&h=300&fit=crop" alt="vector" class="vector">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- APP AD SECTION END -->
@endsection