@extends('layouts.app')

@section('content')

<!-- Home Design -->
<x-frontend.hero-section />

<!-- Feature Properties -->
<x-frontend.properties-slider 
:title="__('home.featured.title')"
:subtitle="__('home.featured.subtitle')"
:properties="$properties ?? []"
/>

<!-- Property Cities -->
<x-frontend.cities-section 
title="Find Properties in These Cities"
subtitle="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
/>

<!-- Why Chose Us -->
<x-frontend.why-choose-us />

<!-- Our Testimonials -->
<x-frontend.testimonials :testimonials="$testimonials ?? []" />

<!-- Our Blog -->
<x-frontend.blog-section :posts="$blogPosts ?? []" />

<!-- Our Partners -->
<section id="our-partners" class="our-partners">
<div class="container">
    <div class="row">
        <div class="col-lg-6 offset-lg-3">
  <div class="main-title text-center">
    <h2>{{ __('home.partners.title') }}</h2>
    <p>{{ __('home.partners.subtitle') }}</p>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-4 col-lg">
            <div class="our_partner">
                <img class="img-fluid" src="images/partners/1.png" alt="1.png">
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg">
            <div class="our_partner">
                <img class="img-fluid" src="images/partners/2.png" alt="2.png">
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg">
            <div class="our_partner">
                <img class="img-fluid" src="images/partners/3.png" alt="3.png">
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg">
            <div class="our_partner">
                <img class="img-fluid" src="images/partners/4.png" alt="4.png">
            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg">
            <div class="our_partner">
                <img class="img-fluid" src="images/partners/5.png" alt="5.png">
            </div>
        </div>
    </div>
</div>
</section>

<!-- Start Partners -->
<section class="start-partners bgc-thm pt50 pb50">
<div class="container">
    <div class="row">
        <div class="col-lg-8">
  <div class="start_partner tac-smd">
    <h2>{{ __('home.start_partners.title') }}</h2>
    <p>{{ __('home.start_partners.subtitle') }}</p>
            </div>
        </div>
        <div class="col-lg-4">
  <div class="parner_reg_btn text-right tac-smd">
    <a class="btn btn-thm2" href="#">{{ __('home.start_partners.cta') }}</a>
            </div>
        </div>
    </div>
</div>
</section>

@endsection