templates/acceuil/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}INTENDIA-MSF - Accueil{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link rel="stylesheet" href="{{ asset('assets/css/auth-pages.css') }}">
  8. {% endblock %}
  10. {% block body %}
  11. <div class="auth-container">
  12.     <div class="welcome-card fade-in">
  13.         <!-- Logo et branding -->
  14.         <div class="logo-section">
  15.             <div class="app-logo">INTENDIA-MSF</div>
  16.             <div class="app-tagline">Solution de gestion d'entreprise complète</div>
  17.         </div>
  19.         <!-- Message de bienvenue -->
  20.         <h1 class="welcome-title">
  21.             Bienvenue sur votre<br>
  22.             <span class="text-primary">plateforme de gestion</span>
  23.         </h1>
  24.         
  25.         <p class="welcome-subtitle">
  26.             Gérez efficacement vos stocks, ventes, comptabilité et ressources humaines
  27.             avec notre solution tout-en-un moderne et intuitive.
  28.         </p>
  30.         <!-- Bouton d'action -->
  31.         <a href="{{ path('app_login') }}" class="cta-button">
  32.             <i class="fas fa-sign-in-alt cta-icon"></i>
  33.             Accéder à la plateforme
  34.         </a>
  36.         <!-- Footer discret -->
  37.         <div class="mt-4">
  38.             <small class="text-muted">
  39.                 © 2025 INTENDIA-MSF. Tous droits réservés.
  40.             </small>
  41.         </div>
  42.     </div>
  43. </div>
  45. <!-- Script pour les animations -->
  46. <script>
  47. document.addEventListener('DOMContentLoaded', function() {
  48.     // Animation d'entrée des éléments
  49.     const elements = document.querySelectorAll('.welcome-card > *');
  50.     elements.forEach((el, index) => {
  51.         el.style.animationDelay = `${index * 0.1}s`;
  52.         el.classList.add('fade-in');
  53.     });
  54.     
  55.     // Effet parallaxe subtil sur le scroll
  56.     window.addEventListener('scroll', function() {
  57.         const scrolled = window.pageYOffset;
  58.         const parallax = document.querySelector('.auth-container::after');
  59.         if (parallax) {
  60.             parallax.style.transform = `translateY(${scrolled * 0.5}px)`;
  61.         }
  62.     });
  63. });
  64. </script>
  65. {% endblock %}