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

{% block title %}Tarifs d'abonnement
{% endblock %}

{% block body %}
	<div class="container">
		<h1 class="my-4">Découvrez KERENES IMMO</h1>
		<div class="row">
			<p>La solution de gestion locative en ligne utilisée par des milliers de bailleurs !</p>
			<p>🔔 Vous êtes propriétaire et cherchez à simplifier la gestion de vos biens immobiliers ? KERENES IMMO est là pour vous !</p>
			<div class="col-6">
				<p>🛠️ Fonctionnalités essentielles :</p>
				<li>Suivi des loyers et paiements : Génération automatique de quittances, gestion des rappels et relances simplifiée.</li>
				<li>Contrats et états des lieux : Créez des baux et des états des lieux pré-remplis.</li>
				<li>Gestion de l'inventaire du mobilier et des équipements : Conservez un suivi précis de l’état de vos équipements.</li>
			</div>
			<div class="col-6">
				<p>✨ Pourquoi choisir KERENES IMMO ?</p>
				<li>Simplicité d'utilisation</li>
				<li>Economie de temps</li>
			</div>
		</div>
		<h1 class="my-4">Tarifs d'abonnement</h1>
		<div
			class="row">

			<!-- Plan Gratuit -->
			<div class="col-md-4 mb-4">
				<div class="card">
					<div class="card-header bg-light">
						<h2 class="h4">Gratuit</h2>
					</div>
					<div class="card-body">
						<h3 class="card-title">Gratuit</h3>
						<ul class="list-unstyled">
							<li>2 Biens</li>
							<li>2 Locataires</li>
							<li>2 Locations</li>
							<li>4 Etats des lieux</li>
							<li>50 Mo de stockage</li>
							<li>Utilisateur unique</li>
							<li>Assistance de base</li>
						</ul>
						<a href="{{ path('app_register') }}" class="btn btn-primary">S'inscrire</a>
					</div>
				</div>
			</div>
			<!-- Plan Premium -->
			<div class="col-md-4 mb-4">
				<div class="card">
					<div class="card-header bg-light">
						<h2 class="h4">Premium</h2>
					</div>
					<div class="card-body">
						<h3 class="card-title">10.000 XAF par an</h3>
						<ul class="list-unstyled">
							<li>10 Biens</li>
							<li>20 Locataires</li>
							<li>20 Locations</li>
							<li>Etats des lieux Illimités</li>
							<li>1 Go de stockage</li>
							<li>Multi-utilisateurs</li>
							<li>Assistance prioritaire</li>
						</ul>
						<a href="{{ path('app_register') }}" class="btn btn-success">S'inscrire</a>
					</div>
				</div>
			</div>
			<!-- Plan Entreprise -->
			<div class="col-md-4 mb-4">
				<div class="card">
					<div class="card-header bg-light">
						<h2 class="h4">Entreprise</h2>
					</div>
					<div class="card-body">
						<h3 class="card-title">Sur devis</h3>
						<ul class="list-unstyled">
							<li>Biens illimités</li>
							<li>Locataires illimités</li>
							<li>Locations illimitées</li>
							<li>Etats des lieux illimités</li>
							<li>Stockage illimité</li>
							<li>Multi-utilisateurs</li>
							<li>Assistance dédiée</li>
						</ul>
						<a href="{{ path('app_register') }}" class="btn btn-warning">Contactez-nous</a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}