@extends('frontend/layouts/master')

@section('meta')
    <meta name="title" content="{{ setting('site.title') }}">
    <meta name="description" content="{{ setting('site.description') }}">
    <meta name="keywords" content="{{ setting('site.keywords') }}">
    <meta property="og:title" content="{{ setting('site.title') }}">
    <meta property="og:description" content="{{ setting('site.description') }}">
    <meta property="og:url" content="{{ url()->current() }}">
    <meta property="og:site_name" content="{{ ucwords(config('app.name')) }}">
    <meta property="og:locale" content="en_GB">
    <meta property="og:type" content="{{ ucwords(config('app.name')) }}">
    <meta name="twitter:title" content="{{ setting('site.title') }}">
    <meta name="twitter:description" content="{{ setting('site.description') }}">
    <meta name="twitter:domain" content="{{ env("APP_URL") }}">
@endsection

@section('title')
    {{ setting('site.title') }}
@endsection

@section('content')
<!-- Banner Section Start -->
<div class="rs-banner banner-style3">
    <video class="rs-html5-video" autoplay="" muted="" playsinline="" loop="" src="{{ url('frontend/assets/images/renovix.mp4') }}"></video>
    <div class="background-video-wrap">
        <div class="background-overlay"></div>
    </div>
    <div class="shape-bottom" data-negative="false">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
            <path class="shape-fill" d="M500,98.9L0,6.1V0h1000v6.1L500,98.9z"></path>
        </svg>
    </div>
    <div class="container">
        <div class="content-wrap text-center">
            <span class="sub-text">Welcome to {{ ucwords(config('app.name')) }}</span>
            <h1 class="title">Growing Your Investments, Elevating <br> Your Future.</h1>
            <div class="btn-part mt-40">
                <a class="readon read-more" href="contact1.html">Read More<i class="fa fa fa-angle-right"></i></a>
            </div>
        </div>
    </div>
</div>
<!-- Banner Section End -->

{{-- Property Listing Start  --}}
@if (count($properties) > 0)
    <div id="rs-blog" class="rs-blog blog-main-home blog-modify1 pt-50 pb-50 md-pt-50 md-pb-50">
        <div class="container">
            <div class="sec-title text-center mb-50 md-mb-35">
                <span class="sub-text">Properties</span>
                <h2 class="title title title4 title-color">
                    Explore Our<br />
                    Featured <span>Properties</span>
                </h2>
            </div>
            <div
                class="rs-carousel owl-carousel"
                data-loop="true"
                data-items="2"
                data-margin="30"
                data-autoplay="false"
                data-hoverpause="true"
                data-autoplay-timeout="5000"
                data-smart-speed="800"
                data-dots="false"
                data-nav="false"
                data-nav-speed="false"
                data-center-mode="false"
                data-mobile-device="1"
                data-mobile-device-nav="false"
                data-mobile-device-dots="false"
                data-ipad-device="2"
                data-ipad-device-nav="false"
                data-ipad-device-dots="true"
                data-ipad-device2="2"
                data-ipad-device-nav2="false"
                data-ipad-device-dots2="true"
                data-md-device="2"
                data-md-device-nav="false"
                data-md-device-dots="true"
            >
                @foreach ($properties as $property)
                    <div class="blog-item">
                        <div class="image-wrap shape-show">
                            <a href="javascript: void(0);"><img src="{{ url('storage') }}/{{ $property->image }}" alt="{{ $property->title }}" /></a>
                        </div>
                        <div class="blog-content">
                            <h3 class="blog-title"><a href="javascript: void(0);">{{ $property->title }}</a></h3>
                            @if ($property->location)
                                <div class="x-content d-flex align-items-start">
                                    <div class="x-icon text-theme-primary me-2">
                                        <i class="fa-solid fa-location-dot"></i>
                                    </div>
                                    <div class="x-text">
                                        {{ $property->location }}
                                    </div>
                                </div>
                            @endif

                            @if ($property->size)
                                <div class="x-content d-flex align-items-start">
                                    <div class="x-icon text-theme-primary me-2">
                                        <i class="fa-solid fa-expand-wide"></i>
                                    </div>
                                    <div class="x-text">
                                        {{ $property->size }}
                                    </div>
                                </div>
                            @endif

                            @if ($property->furnished_status)
                                <div class="x-content d-flex align-items-start">
                                    <div class="x-icon text-theme-primary me-2">
                                        <i class="fa-solid fa-brush"></i>
                                    </div>
                                    <div class="x-text">
                                        {{ $property->furnished_status }}
                                    </div>
                                </div>
                            @endif

                            @if ($property->extras)
                                <div class="x-content d-flex align-items-start">
                                    <div class="x-icon text-theme-primary me-2">
                                        <i class="fa-regular fa-list-check"></i>
                                    </div>
                                    <div class="x-text">
                                        {{ $property->extras }}
                                    </div>
                                </div>
                            @endif
                            <hr>
                            <div class="blog-button"><a href="javascript: void(0);">Read More</a></div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
@endif
{{-- Property Listing End  --}}

<!-- Services Section Start -->
<div class="rs-services services-main-home pt-50 pb-50 md-pt-30 md-pb-30 bg-light">
    <div class="container">
        <div class="sec-title mb-52 text-center">
            <span class="sub-text big-text">How we help</span>
            <h2 class="title title3">
                End-to-End Property Consulting for<br>
                <span>Seamless Success</span>
            </h2>
        </div>
        <div class="row">
            @foreach($services as $s)
                <div class="col-lg-4 col-md-6 mb-20">
                    <div class="services-item" style="background-image: linear-gradient(264deg, #1a66557a, #1a6655f5), url('{{ asset("storage/" . $s->background_image) }}');">
                        <div class="services-wrap">
                            <div class="services-icon">
                                <img src="{{ url('storage') }}/{{ $s->image }}" alt="{{ $s->title }}">
                            </div>
                            <div class="services-content">
                                <h3 class="title"><a href="javascript:void(0);">{{ ucwords($s->title) }}</a></h3>
                                <p class="services-txt">{{ $s->short_description }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
<!-- Services Section End -->

@include('frontend.inc.about-us-section')

<!-- Services Section Start -->
<div class="rs-services services-style5 pt-50 pb-50 md-pt-50 md-pb-50">
    <div class="container">
        <div class="sec-title mb-52 text-center">
            <span class="sub-text big-text">How we work</span>
            <h2 class="title title3">
                Expert Property Consulting for<br>
                <span>Smart Investments</span>
            </h2>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6 md-mb-30">
                <div class="services-item wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0s">
                    <div class="services-wrap">
                        <div class="services-icon">
                            <img src="{{ url('frontend/assets/images/icons/property-assessment.png') }}" alt="property-assessment">
                        </div>
                        <div class="services-text">
                            <h3 class="title"><a href="javascript:void(0);">Property Assessment</a></h3>
                            <p class="services-txt">We analyze market trends, assess property values, and provide insights to help you make informed decisions on buying, selling, or investing in real estate.</p>
                            <div class="services-btn">
                                <a class="readon read-more view" href="javascript:void(0);">View More<i class="fa fa fa-angle-right"></i></a>
                            </div>
                            <div class="serial-number">01 </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 sm-mb-30">
                <div class="services-item wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.3s">
                    <div class="services-wrap">
                        <div class="services-icon">
                            <img src="{{ url('frontend/assets/images/icons/investment-guidance.png') }}" alt="investment-guidance">
                        </div>
                        <div class="services-text">
                            <h3 class="title"><a href="javascript:void(0);">Investment Guidance</a></h3>
                            <p class="services-txt"> We offer expert financial advice, including mortgage assistance, ROI calculations, and investment strategies to maximize your property’s potential.</p>
                            <div class="services-btn">
                                <a class="readon read-more view" href="javascript:void(0);">View More<i class="fa fa fa-angle-right"></i></a>
                            </div>
                            <div class="serial-number">02 </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="services-item wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.6s">
                    <div class="services-wrap">
                        <div class="services-icon">
                            <img src="{{ url('frontend/assets/images/icons/property-acquisition.png') }}" alt="property-acquisition">
                        </div>
                        <div class="services-text">
                            <h3 class="title"><a href="javascript:void(0);">Property Acquisition</a></h3>
                            <p class="services-txt"> From securing the best deals to handling legal formalities and property management, we ensure a seamless real estate experience for our clients.</p>
                            <div class="services-btn">
                                <a class="readon read-more view" href="javascript:void(0);">View More<i class="fa fa fa-angle-right"></i></a>
                            </div>
                            <div class="serial-number">03 </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Services Section End -->

<!-- Project Start -->
<div class="rs-project project-style4 pt-50 pb-50 md-pt-50 md-pb-50 bg-light">
    <div class="container">
        <div class="sec-title text-center mb-52 md-mb-37">
            <span class="sub-text big-text">Case Studies</span>
            <h2 class="title title3">
                Make Your Business Inflation<br>
                Discover Our <span>Projects</span>
            </h2>
        </div>
        <div class="row justify-content-center">
            @foreach($projects as $p)
                <div class="col-lg-4 col-md-6 mb-30">
                    <div class="project-item">
                        <div class="project-img">
                            <a href="javascript:void(0);"><img src="{{ url('storage') }}/{{ $p->image }}" alt="{{ $p->title }}"></a>
                        </div>
                        <div class="project-content">
                            <div class="project-inner">
                                <span class="category"><a href="javascript:void(0);">Projects</a></span>
                                <h3 class="title"><a href="javascript:void(0);">{{ ucwords($p->title) }}</a></h3>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
<!-- Project End -->

@if (count($blogs) > 1)
    <div id="rs-blog" class="rs-blog blog-style1 pt-50 pb-50 md-pt-50 md-pb-50">
        <div class="container">
            <div class="sec-title text-center mb-50 md-mb-35">
                <span class="sub-text big-text">News</span>
                <h2 class="title title title2 title-color">
                    Latest News Articles<br>
                    & Our <span>Insights</span>
                </h2>
            </div>
            <div class="row">
                <div class="col-lg-6 md-mb-30">
                    @php
                        $recommendedBlog = $blogs->where('recommended', 1)->first();
                    @endphp
                    @if ($recommendedBlog)
                        <div class="blog-item">
                            <div class="image-wrap">
                                <a href="javascript:void(0)">
                                    <img src="{{ url('storage') }}/{{ $recommendedBlog->image }}" alt="{{ $recommendedBlog->title }}">
                                </a>
                            </div>
                            <div class="blog-content">
                                <ul class="blog-meta">
                                    @if ($recommendedBlog->author)
                                        <li class="admin"><i class="fi fi-rr-user"></i>{{ $recommendedBlog->author }}</li>
                                    @endif
                                    @if ($recommendedBlog->created_at)
                                        <li class="date"><i class="fi fi-rr-calendar"></i>{{ $recommendedBlog->created_at->format('jS F Y') }}</li>
                                    @endif
                                </ul>
                                <h3 class="blog-title"><a href="javascript:void(0)">{{ $recommendedBlog->title }}</a></h3>
                                @if ($recommendedBlog->short_desc)
                                    <div class="desc">{{ $recommendedBlog->short_desc }}</div>
                                @endif
                                <div class="blog-button"><a href="javascript:void(0)">Read More</a></div>
                            </div>
                        </div>
                    @endif
                </div>

                <div class="col-lg-6">
                    @php
                        $filteredBlogs = $blogs->where('recommended', '!=', 1)->take(3);
                    @endphp
                    @foreach ($filteredBlogs as $blog)
                        <div class="blog-horizontal">
                            <div class="blog-meta mb-30">
                                <div class="blog-item-wrap">
                                    <div class="image-wrap">
                                        <a href="javascript:void(0)">
                                            <img src="{{ url('storage') }}/{{ $blog->image }}" alt="{{ $blog->title }}">
                                        </a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="blog-meta">
                                            @if ($blog->author)
                                                <li class="admin"><i class="fi fi-rr-user"></i>{{ $blog->author }}</li>
                                            @endif
                                            @if ($blog->created_at)
                                                <li class="date"><i class="fi fi-rr-calendar"></i>{{ $blog->created_at->format('jS F Y') }}</li>
                                            @endif
                                        </ul>
                                        <h3 class="blog-title"><a href="javascript:void(0)">{{ $blog->title }}</a></h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

        </div>
    </div>
@endif

@include('frontend.inc.testimonial')

@endsection

@section('js')
@endsection