{% extends 'base.html.twig' %}{% block title %}{{ page.title }} — OTropik{% endblock %}{% block seo %} <meta name="description" content="{{ page.title }} — OTropik, agence de voyage en Guadeloupe."> <meta name="robots" content="noindex">{% endblock %}{% block body %}<div class="d-flex align-items-center justify-content-center text-white text-center" style="height:200px; background: linear-gradient(135deg, #2ea37a 0%, #1a7a58 100%);"> <h1 class="fw-bold mb-0 display-6">{{ page.title }}</h1></div><section class="container py-5" style="min-height:60vh;"> <nav aria-label="breadcrumb" class="mb-4"> <ol class="breadcrumb small"> <li class="breadcrumb-item"><a href="{{ path('app') }}">Accueil</a></li> <li class="breadcrumb-item active">{{ page.title }}</li> </ol> </nav> <div class="row justify-content-center"> <div class="col-12 col-lg-9"> <div class="mb-4 d-flex gap-3 flex-wrap"> <a href="{{ path('legal.mentions') }}" class="btn btn-sm {{ page.type == 'mentions-legales' ? 'btn-primary' : 'btn-outline-primary' }}">Mentions légales</a> <a href="{{ path('legal.cgu') }}" class="btn btn-sm {{ page.type == 'cgu' ? 'btn-primary' : 'btn-outline-primary' }}">CGU</a> <a href="{{ path('legal.privacy') }}" class="btn btn-sm {{ page.type == 'politique-de-confidentialite' ? 'btn-primary' : 'btn-outline-primary' }}">Politique de confidentialité</a> </div> <div class="legal-content"> {{ page.content|raw }} </div> <p class="text-muted small mt-5">Dernière mise à jour : {{ page.updatedAt|date('d/m/Y') }}</p> </div> </div></section>{% endblock %}