<?php
/*
Template Name: servizi
*/
?>
<?php get_header(); ?>
   <!-- BREADCRUMB AREA START -->
    <div class="ltn__breadcrumb-area text-left bg-overlay-white-30 bg-image "  data-bs-bg="/img/bg/14.jpg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ltn__breadcrumb-inner">
                        <h1 class="page-title">I Nostri servizi</h1>
                        <div class="ltn__breadcrumb-list">
                            <ul>
                                <li><a href="index.html"><span class="ltn__secondary-color"><i class="fas fa-home"></i></span> Home</a></li>
                                <li>I Nostri Servizi</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- BREADCRUMB AREA END -->

    <!-- ABOUT US AREA START -->
    <div class="ltn__about-us-area pb-115">
        <?php
        if ( have_posts() ) {

                while ( have_posts() ) {
                        the_post();
        ?>
        <div class="container">
            <div class="row">
                <div class="col-lg-5 align-self-top">
                    <div class="about-us-img-wrap ltn__img-shape-left  about-img-left">
                        <img src="/img/servizi_1.png" alt="Image">
                    </div>
                </div>
                <div class="col-lg-7 align-self-top">
                    <div class="about-us-info-wrap">
                        <div class="section-title-area ltn__section-title-2--- mb-20">
                            <h1 class="section-title"><?= get_the_title(); ?><span>.</span></h1>
                        </div>
                        <div class="about-us-info-wrap-inner about-us-info-devide---">
			<?= get_the_content(); ?>
                        </div>
                        <div class="btn-wrapper animated">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 align-self-top">
                    <div class="about-us-img-wrap ltn__img-shape-left  about-img-left">
                        <img src="/img/servizi_2.png" alt="Image">
                    </div>
                </div>
            </div>
        </div>
        <?php
                }
        }
        ?>
    </div>
    <!-- ABOUT US AREA END -->


    <!-- BLOG AREA START (blog-3) -->
    <div class="ltn__blog-area pt-120 pb-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title-area ltn__section-title-2--- text-center">
                        <h6 class="section-subtitle section-subtitle-2 ltn__secondary-color">News</h6>
                        <h1 class="section-title">In Vendita</h1>
                    </div>
                </div>
            </div>
            <div class="row  ltn__blog-slider-one-active slick-arrow-1 ltn__blog-item-3-normal">
                <!-- Blog Item -->
<?php
$pages = get_pages( 'post_status=publish' );

// Loop through all pages and fetch the permalink for each page.
foreach ( $pages as $page ) { //fixed this too
  $tit = get_field( "tipo_di_proprieta", $page->ID );
  $permalink = get_permalink( $page->ID );
  if ($tit != "") {
?>
                <div class="col-lg-4">
                    <div class="ltn__search-by-place-item">
                        <div class="search-by-place-img">
                            <a href="<?= $permalink ?>"><img src="<?= get_the_post_thumbnail_url($page->ID, "full") ?>" alt="#"></a>
                            <div class="search-by-place-badge">
                                <ul>
                                    <li><?= get_field( "tipo_di_proprieta", $page->ID ); ?></li>
                                </ul>
                            </div>
                        </div>
                        <div class="search-by-place-info">
                            <h6><a href="<?= $permalink ?>"><?= get_field( "indirizzo", $page->ID ) ?></a></h6>
                            <h4><a href="<?= $permalink ?>"><?= $page->post_title ?></a></h4>
                            <div class="search-by-place-btn">
                                <a href="<?= $permalink ?>">Visualizza immobile <i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
<?php
}
}
?>
                <!--  -->
            </div>
        </div>
    </div>
    <!-- BLOG AREA END -->

    <!-- CALL TO ACTION START (call-to-action-6) -->
<div class="ltn__call-to-action-area call-to-action-6 before-bg-bottom" data-bs-bg="/img/1.jpg--">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="call-to-action-inner call-to-action-inner-6 ltn__secondary-bg position-relative text-center---">
<div class="coll-to-info text-color-white">
<h1>Trova la tua Casa dei sogni</h1>
<p>Realizziamo i tuoi desideri</p>
</div>
<div class="btn-wrapper">
<a class="btn btn-effect-3 btn-white" href="/immobili/">scorpi le nostre proposte <i class="icon-next"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- CALL TO ACTION END -->

<?php get_footer(); ?>