66 lines
3.0 KiB
Twig
66 lines
3.0 KiB
Twig
|
|
{% extends 'base.twig' %}
|
||
|
|
|
||
|
|
{% block title %}{{'events.title'|trans}}{% endblock %}
|
||
|
|
{% block meta_description %}{{'events.description'|trans}}{% endblock %}
|
||
|
|
|
||
|
|
{% block canonical_url %}<link rel="canonical" href="{{ url('app_events') }}" />{% endblock %}
|
||
|
|
{% block breadcrumb_schema %}
|
||
|
|
<script type="application/ld+json">
|
||
|
|
{
|
||
|
|
"@context": "https://schema.org",
|
||
|
|
"@type": "BreadcrumbList",
|
||
|
|
"itemListElement": [
|
||
|
|
{
|
||
|
|
"@type": "ListItem",
|
||
|
|
"position": 1,
|
||
|
|
"name": "{{ 'breadcrumb.home'|trans }}",
|
||
|
|
"item": "{{ app.request.schemeAndHttpHost }}"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"@type": "ListItem",
|
||
|
|
"position": 2,
|
||
|
|
"name": "{{ 'breadcrumb.events'|trans }}",
|
||
|
|
"item": "{{ app.request.schemeAndHttpHost }}{{ app.request.pathInfo }}"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
{% endblock %}
|
||
|
|
|
||
|
|
{% block body %}
|
||
|
|
<div class="container mx-auto p-4 md:p-8 pt-12">
|
||
|
|
|
||
|
|
<div class="max-w-3xl mx-auto text-center py-16 md:py-24 bg-white rounded-xl shadow-lg border border-gray-100">
|
||
|
|
|
||
|
|
<span class="text-6xl text-indigo-500 mb-4 inline-block">
|
||
|
|
{# Icône de calendrier/événements #}
|
||
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-check"><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><line x1="16" x2="16" y1="2" y2="6"/><line x1="8" x2="8" y1="2" y2="6"/><line x1="3" x2="21" y1="10" y2="10"/><path d="m9 16 2 2 4-4"/></svg>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<h1 class="text-4xl font-extrabold text-gray-800 mt-4 mb-3">
|
||
|
|
{{ 'events.status_title'|trans }}
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<p class="text-xl text-gray-600 mb-8">
|
||
|
|
{{ 'events.status_message'|trans }}
|
||
|
|
</p>
|
||
|
|
|
||
|
|
{# Appel à l'action pour revenir ou voir les membres/contact #}
|
||
|
|
<div class="flex flex-col sm:flex-row justify-center gap-4 mt-6">
|
||
|
|
<a href="{{ url('app_members') }}" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 transition duration-300 shadow-md">
|
||
|
|
{{ 'events.button_members'|trans }}
|
||
|
|
</a>
|
||
|
|
<a href="{{ url('app_contact') }}" class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 transition duration-300 shadow-md">
|
||
|
|
{{ 'events.button_contact'|trans }}
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{# Optionnel : Message pour les notifications #}
|
||
|
|
<p class="text-sm text-gray-500 mt-10 border-t pt-6 max-w-sm mx-auto">
|
||
|
|
{{ 'events.status_notification'|trans }}
|
||
|
|
</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|