templates/pro_site/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Flex Energie Pro - Espace Client Professionnel{% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <style>
  8.         .hero-section {
  9.             background-color: #2c3e50;
  10.             color: white;
  11.             padding: 4rem 0;
  12.             margin-bottom: 2rem;
  13.         }
  14.         .feature-card {
  15.             padding: 2rem;
  16.             margin-bottom: 2rem;
  17.             border-radius: 8px;
  18.             box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  19.             background-color: white;
  20.             transition: transform 0.3s ease;
  21.         }
  22.         .feature-card:hover {
  23.             transform: translateY(-5px);
  24.         }
  25.         .feature-icon {
  26.             font-size: 2.5rem;
  27.             margin-bottom: 1rem;
  28.             color: #3498db;
  29.         }
  30.         .cta-section {
  31.             background-color: #f8f9fa;
  32.             padding: 3rem 0;
  33.             margin-top: 2rem;
  34.         }
  35.         .btn-pro {
  36.             background-color: #3498db;
  37.             color: white;
  38.             padding: 0.75rem 2rem;
  39.             border-radius: 30px;
  40.             text-transform: uppercase;
  41.             font-weight: bold;
  42.             letter-spacing: 1px;
  43.         }
  44.         .btn-pro:hover {
  45.             background-color: #2980b9;
  46.             color: white;
  47.         }
  48.     </style>
  49. {% endblock %}
  51. {% block body %}
  52.     <div class="hero-section">
  53.         <div class="container">
  54.             <div class="row align-items-center">
  55.                 <div class="col-md-8">
  56.                     <h1 class="display-4">Bienvenue sur Flex Energie Pro</h1>
  57.                     <p class="lead">Votre espace client dédié pour gérer vos contrats d'énergie en toute simplicité</p>
  58.                     {% if not app.user %}
  59.                         <div class="mt-4">
  60.                             <a href="{{ path('pro_login') }}" class="btn btn-pro">Se connecter</a>
  61.                         </div>
  62.                     {% endif %}
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </div>
  68.     <div class="container text-center my-5">
  69.         <img src="{{ asset('le-logo-plus-vert.png') }}" alt="Flex Energie Logo" class="img-fluid" style="max-width: 400px;">
  70.     </div>
  72.     <div class="cta-section">
  73.         <div class="container">
  74.             <div class="row justify-content-center text-center">
  75.                 <div class="col-md-8">
  76.                     <h2>Prêt à optimiser votre gestion énergétique ?</h2>
  77.                     <p class="lead mb-4">Rejoignez les entreprises qui font confiance à Flex Energie Pro pour gérer leur énergie efficacement.</p>
  78.                     {% if not app.user %}
  79.                         <a href="{{ path('pro_login') }}" class="btn btn-pro">Se connecter</a>
  80.                     {% else %}
  81.                         <a href="{{ path('pro_dashboard') }}" class="btn btn-pro">Accéder à mon espace</a>
  82.                     {% endif %}
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </div>
  87. {% endblock %}