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

{% block title %}ICHTAH - Notre Vision{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('front/css/vision.css') }}"/>
{% endblock %}

{% block body %}

	<div class="vision-top-wrapper">

	{# ========================= HERO ========================= #}
	<section class="vision-hero">
		<div class="container vision-hero-content">
			<h1 class="vision-hero-title">NOTRE <span class="vision-hero-title-green">VISION</span></h1>
			<p class="vision-hero-subtitle">
				LES PILIERS QUI GUIDENT CHACUNE DE NOS ACTIONS ET<br>
				DÉFINISSENT NOTRE ENGAGEMENT ENVERS LA DANSE.
			</p>
		</div>
	</section>

	{# ========================= PILIERS (4 CARDS) ========================= #}
	<section class="vision-piliers">
		<div class="container">
			<div class="piliers-grid">

				{# MISSION #}
				<div class="pilier-card">
					<div class="pilier-card-header">
						<div class="pilier-icon">
							<i class="fas fa-bullseye"></i>
						</div>
						<span class="pilier-number">01</span>
					</div>
					<h3 class="pilier-title">MISSION</h3>
					<div class="pilier-divider"></div>
					<ul class="pilier-list">
						<li>Professionnaliser et développer le secteur de la danse et de la performance artistique au Maroc.</li>
						<li>Offrir un cadre structuré et inspirant, où les artistes peuvent perfectionner leur art, accéder à des opportunités de formation et de production.</li>
						<li>Contribuer à la reconnaissance de la danse comme une discipline essentielle de la culture contemporaine.</li>
					</ul>
				</div>

				{# VISION #}
				<div class="pilier-card">
					<div class="pilier-card-header">
						<div class="pilier-icon">
							<i class="fas fa-eye"></i>
						</div>
						<span class="pilier-number">02</span>
					</div>
					<h3 class="pilier-title">VISION</h3>
					<div class="pilier-divider"></div>
					<ul class="pilier-list">
						<li>Faire rayonner la danse marocaine sur les scènes internationales.</li>
						<li>Bâtir un espace libre, audacieux et inclusif, incarnant une performance innovante qui se veut un vecteur d'expression, d'empowerment et de transformation culturelle et individuelle.</li>
						<li>Faire d'ICHTAH une référence incontournable de la scène artistique au Maroc et au-delà.</li>
					</ul>
				</div>

				{# AMBITION #}
				<div class="pilier-card">
					<div class="pilier-card-header">
						<div class="pilier-icon">
							<i class="fas fa-arrow-trend-up"></i>
						</div>
						<span class="pilier-number">03</span>
					</div>
					<h3 class="pilier-title">AMBITION</h3>
					<div class="pilier-divider"></div>
					<ul class="pilier-list">
						<li>Positionner le Maroc comme un pôle de création artistique.</li>
						<li>Structurer un écosystème collaboratif autour d'un centre de création d'excellence, où les artistes locaux et internationaux peuvent co-créer, expérimenter et produire des œuvres emblématiques.</li>
						<li>Stimuler les échanges culturels et renforcer la place de la danse dans le paysage artistique mondial.</li>
					</ul>
				</div>

				{# VALEURS #}
				<div class="pilier-card">
					<div class="pilier-card-header">
						<div class="pilier-icon">
							<i class="fas fa-heart"></i>
						</div>
						<span class="pilier-number">04</span>
					</div>
					<h3 class="pilier-title">VALEURS</h3>
					<div class="pilier-divider"></div>
					<p class="pilier-intro">Chez ICHTAH, nous plaçons au cœur de nos actions :</p>
					<ul class="pilier-list pilier-list-valeurs">
						<li><strong>Liberté</strong>—favoriser l'expression artistique sans limites.</li>
						<li><strong>Engagement</strong>—agir avec détermination pour transformer et faire évoluer le secteur.</li>
						<li><strong>Bienveillance</strong>—créer un cadre humain, solidaire et respectueux.</li>
						<li><strong>Leadership</strong>—inspirer et fédérer les talents pour bâtir un mouvement artistique fort.</li>
						<li><strong>Excellence & Professionnalisme</strong>—garantir des standards élevés dans la formation, la création et la production.</li>
						<li><strong>Inclusion & Diversité</strong>—célébrer les différences et encourager la participation de toutes.</li>
					</ul>
				</div>

			</div>
		</div>

	</section>

	</div>{# end vision-top-wrapper #}

	{# ========================= HISTOIRE ========================= #}
	<section class="vision-history">
		<div class="vision-history-line"></div>

		<div class="container">
			<div class="row align-items-center g-5">

				<div class="col-lg-5">
					<div class="vision-history-image-wrapper">
						<img src="{{ asset('front/images/accueil/histoire.png') }}" alt="Histoire ICHTAH" class="img-fluid vision-history-image">
					</div>
				</div>

				<div class="col-lg-7">
					<div class="vision-history-content">
						<h2 class="vision-history-title">HISTOIRE</h2>

						<div class="vision-history-quote">
							<div class="vision-history-quote-icon">66</div>
							<div class="vision-history-text">
								<p>Je suis née du mouvement.</p>
								<p>Depuis toujours, la danse est pour moi plus qu'un art : c'est une langue, un moteur, un territoire d'expression et de transformation.</p>
								<p>Quand j'ai fondé ICHTAH, il n'existait rien de semblable au Maroc : aucun espace où la danse pouvait être pensée, produite et célébrée avec l'ambition d'un grand spectacle.</p>
								<p>Alors je l'ai créé.</p>
								<p>ICHTAH, c'est ma vision : unir exigence artistique et rigueur d'exécution, révéler le talent marocain, et prouver que nous pouvons rivaliser avec les plus grandes scènes du monde.</p>
								<p>C'est aussi une aventure humaine, faite de passion, de collectif, et d'un engagement total pour l'excellence.</p>
								<p>Aujourd'hui, ICHTAH est bien plus qu'une agence : c'est un mouvement.<br>Un mouvement qui fait danser le Maroc.</p>
							</div>
						</div>

						<div class="vision-history-authors">
							<div class="vision-history-author">
								<img src="{{ asset('front/images/accueil/sara-Zniber.png') }}" alt="Sara Zniber">
								<div>
									<h6>Sara Zniber</h6>
									<span>Co-fondatrice</span>
								</div>
							</div>
							<div class="vision-history-author">
								<img src="{{ asset('front/images/accueil/mouna-Benqlilou.png') }}" alt="Mouna Benqilou">
								<div>
									<h6>Mouna Benqilou</h6>
									<span>Co-fondatrice</span>
								</div>
							</div>
						</div>
					</div>
				</div>

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

{% endblock %}

{% block javascripts %}
	<script src="{{ asset('front/js/vision.js') }}"></script>
{% endblock %}