{% extends 'base.html.twig' %}

{% block title %}Tarifs et réservation{% endblock %}
{% block description %}Réservation en direct, contactez nous par mail ou téléphone nous sommes là pour vous renseigner. Vous pouvez également, si vous le souhaitez, réserver via Air BnB.{% endblock %}
{% block css %}
    <link href="{{ asset('/vendor/PricingTablesInspiration/css/component.css') }}" rel="stylesheet" />
    <link href="{{ asset('/vendor/PricingTablesInspiration/css/icons.css') }}" rel="stylesheet" />
{% endblock %}

{% block body %}

    <div class="page-inner p-none no-border">


        <section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall">

            <div class="divimage dzsparallaxer--target w-100" style="height: 120%; background-image: url(img/custom/banniere-presentation.png);">
            </div>

            <div class="container pt-120 pb-120">
                <div class="row">
                    <div class="col-sm-12">
                        <h1 class="section-title text-white">
                            Réservez votre séjour en direct ou par Airbnb
                        </h1>

                    </div>
                </div>
            </div>
        </section>

        <section class="pricing-section bg-11">

            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">

                        <h2 class="section-title fs-36">
                            Tarifs et réservations
                        </h2>

                        <h3 class="fw-3 fs-24 lh-32 mt-none body-font">
                            Retrouvez nos tarifs et réservez votre séjour !
                        </h3>

                        <hr class="medium bg-site w-50" />
                    </div>
                </div>
                <div class="pricing pricing--tenzin">
                    <div class="pricing__item">
                        <h3 class="pricing__title" style="font-size: 1.7em;text-align: center;">Septembre à Juin</h3>
                        <div style="font-size: 1.2em;text-align: center;">
                            Location à la semaine : 1 700€<br/>
                            Location courte durée :<br/>
                            - 2 nuits minimum : 900€<br/>
                            - Nuit supplémentaire : 160€
                        </div>
                        <!--<span class="pricing__sentence">
                            Périodes :
                            <ul>
                                <li>du 01/05 au 30/09</li>
                                <li>du 01/05 au 30/09</li>
                            </ul>
                        </span>
                        <ul class="pricing__feature-list">
                            <li class="pricing__feature">Nombre de nuitées minimum : 7</li>
                        </ul>-->
                        <!--<a href="{{ path('contact') }}" class="btn btn-primary btn-rounded m-auto"><i class="fa fa-users"></i> <span class="text-white fs-16">Nous contacter</span></a>-->
                    </div>
                    <div class="pricing__item">
                        <h3 class="pricing__title" style="font-size: 1.7em;text-align: center;">Vacances Scolaires de fin d'année</h3>
                        <div style="font-size: 1.2em;text-align: center;">
                            Location à la semaine : 2 000€<br/>
                            Location courte durée :<br/>
                            - 2 nuits minimum : 1 200€<br/>
                            - Nuit supplémentaire : 160€
                        </div>
                        <!--<span class="pricing__sentence">
                            Périodes :
                            <ul>
                                <li>du 01/05 au 30/09</li>
                                <li>du 01/05 au 30/09</li>
                            </ul>
                        </span>
                        <ul class="pricing__feature-list">
                            <li class="pricing__feature">Nombre de nuitées minimum : 7</li>
                        </ul>-->
                        <!--<a href="{{ path('contact') }}" class="btn btn-primary btn-rounded m-auto"><i class="fa fa-users"></i> <span class="text-white fs-16">Nous contacter</span></a>-->
                    </div>
                    <div class="pricing__item">
                        <h3 class="pricing__title" style="font-size: 1.7em;text-align: center;">Juillet et Août</h3>
                        <div style="font-size: 1.2em;text-align: center;">Location à la semaine: 3 000€</div>
                        <!--<span class="pricing__sentence">
                            Périodes :
                            <ul>
                                <li>du 01/05 au 30/09</li>
                                <li>du 01/05 au 30/09</li>
                            </ul>
                        </span>
                        <ul class="pricing__feature-list">
                            <li class="pricing__feature">Nombre de nuitées minimum : 7</li>
                        </ul>-->
                        <!--<a href="{{ path('contact') }}" class="btn btn-primary btn-rounded m-auto"><i class="fa fa-users"></i> <span class="text-white fs-16">Nous contacter</span></a>-->
                    </div>
                </div>
                <div class="text-center">
                    <p>Caution de 1 000€ pour toute réservation</p>
                    <p>Pour les locations à la semaine : arrivée (17h/20h) et départ (jusqu'à 10h) s'effectuent le samedi</p>
                    <p>15% de réduction à partir de la deuxième semaine réservée</p>
                    <p>10% de réduction pour toute réservation effectuée 6 mois avant la date de début de séjour</p>
                    <p>Nos tarifs sont tout compris : eau, électricité, gaz, taxe de séjour et ménage de fin de séjour</p>
                </div>
                <hr class="medium bg-site w-50" />

                <div class="row mb-100">
                    <div class="col-md-6">
                        <div class="cta-inner d-block cta with-borders button-centered cta-shadow-2x top-bordered">
                            <div class="cta-content" style="min-height: 200px;">
                                <h3 class="fs-20 mb-15">Réservation en direct</h3>
                                <a href="tel:+33 (0)7 61 07 00 48">
                                    <p>
                                        07 61 07 00 48
                                    </p>
                                </a>
                                <a href="mailto:domainebourdette@gmail.com">
                                    <p>
                                        domainebourdette@gmail.com
                                    </p>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <a href="https://www.airbnb.fr/rooms/54202632?adults=7&federated_search_id=5f940b3d-7a77-4572-8f76-52c9a0f5914c&source_impression_id=p3_1642354148_U5hWOm2NHNCQCqjn&guests=1" target="_blank">
                            <div class="cta-inner d-block cta with-borders button-centered cta-shadow-2x top-bordered">
                                <div class="cta-content" style="min-height: 200px;">
                                    <h3 class="fs-20 mb-15">Réservation par Airbnb</h3>
                                    <p>
                                        <img class="w-25" src="img/logo-airbnb.png" />
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </section>


    </div>

{% endblock %}