templates/isolations/panneau-solaire.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  5.     {# Accueil photo centre #}
  6.     <div id="box-search">
  7.         <div class="thumbnail">
  8.             <img src="{{ asset('assets/img/bannieres/banniere-services-panneaux.png') }}" alt="Responsive image"
  9.                  class="img-fluid">
  10.         </div>
  11.     </div>
  12.     <div class="container mb-5 mt-5">
  13.         <div class="row">
  14.             <div class="subhead reveal-top">
  15.                 <h3>PASSEZ À L'ACTION</h3>
  16.             </div>
  17.             <div class="title-2 reveal-top">
  18.                 <h1>Le solaire, pour reprendre le contrôle de votre énergie</h1>
  19.             </div>
  20.             <p class="reveal-top">Économies, autonomie, valorisation de votre bien : découvrez nos solutions et
  21.                 choisissez en toute confiance.</p>
  22.             <div class="col-sm-12 col-md-4 my-auto text-center">
  23.                 <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  24.                    style="background: #98c10f;"
  25.                    href="{{ path("contact") }}"><b>SIMULER VOTRE PROJET</b><br><span class="btn-subhead">Estimation en 2 min, simple et rapide</span></a>
  26.             </div>
  27.             <div class="col-sm-12 col-md-4 my-auto text-center">
  28.                 <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  29.                    style="background: #98c10f;"
  30.                    href="{{ path("contact") }}"><b>PRENDRE RDV EN LIGNE</b><br><span class="btn-subhead">Gratuit, sans engagement, chez vous</span></a>
  31.             </div>
  32.             <div class="col-sm-12 col-md-4 my-auto text-center">
  33.                 <a type="submit" class="btn btn-lg mx-auto m-2 reveal-top"
  34.                    style="background: #98c10f;"
  35.                    href="{{ path("contact") }}"><b>NOUS POSER UNE QUESTION</b><br><span class="btn-subhead">Un conseiller vous répond sous 48h</span>
  36.                 </a>
  37.             </div>
  38.         </div>
  39.     </div>
  40.     <div class="panneaux-bd-pourquoi">
  41.         <div class="container">
  42.             <div class="row">
  43.                 <div class="subhead reveal-top">
  44.                     <h3>LE CHOIX INTELLIGENT</h3>
  45.                 </div>
  46.                 <div class="title-2 reveal-top" style="color: white">
  47.                     <h1>Pourquoi passer au solaire ?</h1>
  48.                 </div>
  49.                 <div class="col-sm-12 col-md-12 reveal-top"><p>Le solaire n’est plus une solution d’avenir : c’est une
  50.                         réponse concrète, performante et accessible aujourd’hui.
  51.                         Que vous soyez particulier, entreprise ou collectivité, produire votre propre électricité, c’est
  52.                         reprendre le contrôle
  53.                         sur vos dépenses, valoriser votre bâtiment et contribuer activement à la transition énergétique.
  54.                     </p></div>
  55.                 <ul class="ul-panneaux-pourquoi">
  56.                     <li class="li-panneaux-pourquoi reveal-top">
  57.                         <span class="li-panneaux-pourquoi__icon">
  58.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto10.png') }}"
  59.                                  loading="lazy"
  60.                                  alt="jenseign">
  61.                         </span>
  62.                         <span class="li-panneaux-pourquoi__title">
  63.                             PRODUISEZ VOTRE PROPRE ÉNERGIE
  64.                         </span>
  65.                         <span class="li-panneaux-pourquoi__text">
  66.                             Gagnez en autonomie grâce à une source d'énergie durable, locale et disponible 365 jours par an
  67.                         </span>
  68.                     </li>
  69.                     <li class="li-panneaux-pourquoi reveal-top">
  70.                         <span class="li-panneaux-pourquoi__icon">
  71.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto11.png') }}"
  72.                                  loading="lazy"
  73.                                  alt="jenseign">
  74.                         </span>
  75.                         <span class="li-panneaux-pourquoi__title">
  76.                             MAÎTRISEZ VOS DÉPENSES, GÉNÉREZ DES REVENUS
  77.                         </span>
  78.                         <span class="li-panneaux-pourquoi__text">
  79.                             Réduisez vos factures, revendez le surplus et gagnez en stabilité face aux hausses de prix
  80.                         </span>
  81.                     </li>
  82.                     <li class="li-panneaux-pourquoi reveal-top">
  83.                         <span class="li-panneaux-pourquoi__icon">
  84.                             <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto9.png') }}"
  85.                                  loading="lazy"
  86.                                  alt="jenseign">
  87.                         </span>
  88.                         <span class="li-panneaux-pourquoi__title">
  89.                             VALORISEZ VOTRE PATRIMOINE, AGISSEZ POUR DEMAIN
  90.                         </span>
  91.                         <span class="li-panneaux-pourquoi__text">
  92.                             Donnez de la valeur à votre bien, tout en contribuant à la transition énergétique
  93.                         </span>
  94.                     </li>
  95.                 </ul>
  96.             </div>
  97.         </div>
  98.     </div>
  99.     <div class="panneaux-bd-promo">
  100.         <div class="container">
  101.             <div class="row">
  102.                 <div class="title-2  reveal-top">
  103.                     <a class="panneaux-bd-promo__text" href="{{ path('promo-tva-0') }}"><img class="a-img img-fluid" src="{{ asset('assets/img/pictos/picto-alerte.png') }}"
  104.                          loading="lazy"
  105.                          alt="jenseign" style="width: 10%">
  106.                     <p>OFFRE EN COURS : TVA OFFERTE sur les kits solaires, jusqu'au 31 août uniquement !</p></a>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </div>
  111.     <div class="panneaux-bd-fonctionnement">
  112.         <div class="container">
  113.             <div class="row">
  114.                 <div class="reveal-top">
  115.                     <div class="subhead">
  116.                         <h3>COMPRENDRE LE SOLAIRE</h3>
  117.                     </div>
  118.                     <div class="title-2">
  119.                         <h1>Comment ça fonctionne ?</h1>
  120.                     </div>
  121.                     <p>Produire sa propre électricité solaire, c’est plus simple qu’il n’y paraît.</p>
  122.                     <p> Découvrez comment l'énergie solaire se transforme en électricité chez vous : pour faire
  123.                         fonctionner vos appareils, alléger vos factures, gagner en autonomie... ou simplement la
  124.                         revendre au réseau.</p>
  125.                     <p> Une solution <b>simple</b>, <b>durable</b> et <b>disponible</b> 365 jours par an.</p>
  126.                 </div>
  127.                 <ul class="ul-panneaux-fonctionnement">
  128.                     <li class="li-panneaux-fonctionnement reveal-top">
  129.                         <span class="li-panneaux-fonctionnement__icon">
  130.                             <img class="a-img" src="{{ asset('assets/img/pictos/schema-solaire-1.png') }}"
  131.                                  loading="lazy"
  132.                                  alt="jenseign">
  133.                         </span>
  134.                         <span class="li-panneaux-fonctionnement__title" style="margin-bottom: 1rem;">
  135.                             <p>RAYONS <br> SOLAIRES</p>
  136.                         </span>
  137.                         <span class="li-panneaux-fonctionnement__text">
  138.                             <p>Le soleil émet de la lumière, une source
  139.                             d’énergie gratuite, propre et
  140.                             renouvelable.</p>
  141.                         </span>
  142.                     </li>
  143.                     <li class="li-panneaux-fonctionnement reveal-top">
  144.                         <span class="li-panneaux-fonctionnement__icon">
  145.                             <img class="a-img" src="{{ asset('assets/img/pictos/schema-solaire-2.png') }}"
  146.                                  loading="lazy"
  147.                                  alt="jenseign">
  148.                         </span>
  149.                         <span class="li-panneaux-fonctionnement__title" style="margin-bottom: 1rem;">
  150.                             <p>CAPTATION PAR LE PANNEAU SOLAIRE</p>
  151.                         </span>
  152.                         <span class="li-panneaux-fonctionnement__text">
  153.                             <p>Les panneaux photovoltaïques captent la lumière du soleil et
  154.                                 la transforment en électricité sous forme de courant continu (DC).</p>
  155.                         </span>
  156.                     </li>
  157.                     <li class="li-panneaux-fonctionnement reveal-top">
  158.                         <span class="li-panneaux-fonctionnement__icon">
  159.                             <img class="a-img" src="{{ asset('assets/img/pictos/schema-solaire-3.png') }}"
  160.                                  loading="lazy"
  161.                                  alt="jenseign">
  162.                         </span>
  163.                         <span class="li-panneaux-fonctionnement__title" style="margin-bottom: 1rem;">
  164.                             <p>CONVERSION PAR UN ONDULEUR</p>
  165.                         </span>
  166.                         <span class="li-panneaux-fonctionnement__text">
  167.                             <p>Le courant continu est ensuite converti en courant alternatif (AC) grâce à un onduleur,
  168.                                 pour être compatible avec le réseau électrique domestique.</p>
  169.                         </span>
  170.                     </li>
  171.                     <li class="li-panneaux-fonctionnement reveal-top">
  172.                         <span class="li-panneaux-fonctionnement__icon">
  173.                             <img class="a-img" src="{{ asset('assets/img/pictos/schema-solaire-4.png') }}"
  174.                                  loading="lazy"
  175.                                  alt="jenseign">
  176.                         </span>
  177.                         <span class="li-panneaux-fonctionnement__title" style="margin-bottom: 1rem;">
  178.                             <p>PASSAGE PAR LE TABLEAU ÉLECTRIQUE</p>
  179.                         </span>
  180.                         <span class="li-panneaux-fonctionnement__text">
  181.                             <p>Le courant alternatif est dirigé vers le tableau électrique de la maison (et mesuré par le compteur linky),
  182.                             qui le distribue aux équipements</p>
  183.                         </span>
  184.                     </li>
  185.                     <li class="li-panneaux-fonctionnement reveal-top">
  186.                         <span class="li-panneaux-fonctionnement__icon">
  187.                             <img class="a-img" src="{{ asset('assets/img/pictos/schema-solaire-5.png') }}"
  188.                                  loading="lazy"
  189.                                  alt="jenseign">
  190.                         </span>
  191.                         <span class="li-panneaux-fonctionnement__title" style="margin-bottom: 1rem;">
  192.                             <p>AUTO-CONSOMMATION <span style="color: white"> OU </span> REVENTE AU RÉSEAU</p>
  193.                         </span>
  194.                         <span class="li-panneaux-fonctionnement__text">
  195.                             <p>Cette électricité produite peut être utilisée directement dans la maison
  196.                                 (autoconsommation) pour <span style="color: #98c10f"> réduire la facture d’électricité </span>, avec revente du surplus.
  197.                             </p>
  198.                             <p>Autre option : revendre la totalité au réseau.</p>
  199.                         </span>
  200.                     </li>
  201.                 </ul>
  202.             </div>
  203.         </div>
  204.     </div>
  205.     <div class="panneaux-bd-projet mt-5">
  206.         <div class="container panneaux-bd-projet__container">
  207.             <div class="row panneaux-bd-projet__text reveal-top">
  208.                 <div class="subhead">
  209.                     <h3>POUR UN PROJET FIABLE</h3>
  210.                 </div>
  211.                 <div class="title-2">
  212.                     <h1>Pourquoi une étude sur-mesure est essentielle ?</h1>
  213.                 </div>
  214.                 <p>Un projet solaire fiable et rentable commence toujours par une étude personnalisée.
  215.                      C’est cette analyse qui permet d’adapter parfaitement votre installation à votre habitat et à
  216.                     vos besoins réels. Pas d’approximations, pas de généralités : uniquement du sur-mesure.</p>
  217.                 <h2>Ce que nous évaluons lors de l'étude :</h2>
  218.                 <ul style="padding-left: 2.5rem;">
  219.                     <li>Votre toiture et son orientation</li>
  220.                     <li>Les zones d’ombres qui pourraient réduire la production</li>
  221.                     <li>La puissance optimale pour maximiser vos économies</li>
  222.                     <li>Les stratégies adaptées à vos usages</li>
  223.                     <li>Les aides auxquelles vous êtes éligibles</li>
  224.                 </ul>
  225.                 <p>Avec Evo-Logis, vous êtes accompagné de A à Z, en toute confiance.
  226.                     De la conception à l’installation, chaque étape est claire, expliquée, et menée par une équipe
  227.                     proche de chez vous.</p>
  228.                 <p class="d-inline-flex gap-1">
  229.                     <a type="submit" class="btn btn-lg mx-auto mt-5"
  230.                        style="background: #98c10f;"
  231.                        href="{{ path("contact") }}">PRENDRE RDV EN LIGNE <br> <span class="btn-subhead">Gratuit, sans engagement, chez vous</span></a>
  232.                 </p>
  233.             </div>
  234.         </div>
  235.     </div>
  236.     <div class="panneaux-bd-kits">
  237.         <div class="container panneaux-bd-kits__container">
  238.             <div class="row">
  239.                 <div class="subhead reveal-top">
  240.                     <h3>POUR MIEUX VOUS PROJETER</h3>
  241.                 </div>
  242.                 <div class="title-2 reveal-top" style="color: white">
  243.                     <h1>Nos kits les plus fréquents</h1>
  244.                 </div>
  245.                 <div class="col-sm-12 col-md-12 reveal-top">
  246.                     <p>Chaque projet solaire est unique.</p>
  247.                     <p>Pour vous aider à vous projeter, voici quelques exemples de configurations courantes.</p>
  248.                     <p>Ces kits sont là pour illustrer ce que nous proposons, mais seul un diagnostique personnalisé
  249.                         permet de déterminer ce qui est vraiment adapté à votre maison.</p>
  250.                 </div>
  251.                 <ul class="ul-panneaux-kits">
  253.                     <li class="li-panneaux-kits reveal-top">
  254.                         {# <a class="li-panneaux-link" href="{{ path('contact') }}"> #}
  255.                         <span class="li-panneaux-kits__icon">
  256.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto1.png') }}"
  257.                                      loading="lazy"
  258.                                      alt="jenseign">
  259.                             </span>
  260.                         <span class="li-panneaux-kits__title">
  261.                                 KIT 3 KWH
  262.                             </span>
  263.                         <span class="li-panneaux-kits__text">
  265.                             </span>
  266.                         {#   </a> #}
  267.                     </li>
  268.                     <li class="li-panneaux-kits reveal-top">
  269.                         {#  <a class="li-panneaux-link" href="{{ path('contact') }}"> #}
  270.                         <span class="li-panneaux-kits__icon">
  271.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto1.png') }}"
  272.                                      loading="lazy"
  273.                                      alt="jenseign">
  274.                             </span>
  275.                         <span class="li-panneaux-kits__title">
  276.                                 KIT 6 KWH
  277.                             </span>
  278.                         <span class="li-panneaux-kits__text">
  280.                             </span>
  281.                         {# </a> #}
  282.                     </li>
  283.                     <li class="li-panneaux-kits reveal-top">
  284.                         {# <a class="li-panneaux-link" href="{{ path('contact') }}"> #}
  285.                         <span class="li-panneaux-kits__icon">
  286.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto1.png') }}"
  287.                                      loading="lazy"
  288.                                      alt="jenseign">
  289.                             </span>
  290.                         <span class="li-panneaux-kits__title">
  291.                                 KIT 9 KWH
  292.                             </span>
  293.                         <span class="li-panneaux-kits__text">
  295.                             </span>
  296.                         {# </a> #}
  297.                     </li>
  298.                     <li class="li-panneaux-kits reveal-top">
  299.                         <a class="li-panneaux-link" href="{{ path('contact') }}">
  300.                             <span class="li-panneaux-kits__icon">
  301.                                 <img class="a-img" src="{{ asset('assets/img/pictos/Evo-Logis-Picto1.png') }}"
  302.                                      loading="lazy"
  303.                                      alt="jenseign">
  304.                             </span>
  305.                             <span class="li-panneaux-kits__title">
  306.                                 SIMULER VOTRE PROJET
  307.                             </span>
  308.                         </a>
  309.                     </li>
  310.                 </ul>
  311.             </div>
  312.         </div>
  313.     </div>
  314.     <div class="panneaux-bd-choisir mt-5">
  315.         <div class="container panneaux-bd-choisir__container">
  316.             <div class="row panneaux-bd-choisir__text reveal-top">
  317.                 <div class="title-2">
  318.                     <h1>Vous ne savez pas lequel choisir ? C'est normal.</h1>
  319.                 </div>
  320.                 <p>L’installation idéale dépend de nombreux critères liés à votre habitation, votre toiture et les
  321.                     habitudes de votre foyer : le
  322.                     type de toiture, l’orientation, l’ombrage, le câblage, la disposition sur 1 ou plusieurs étages,
  323.                     votre consommation, vos
  324.                     besoins, et les aides disponibles. Notre étude sur-mesure et gratuite vous permettra de savoir
  325.                     exactement ce qui vous
  326.                     correspond. C’est la garantie d’un projet rentable et adapté à 100 %.</p>
  328.                 <p class="d-inline-flex gap-1">
  329.                     <a type="submit" class="btn btn-lg mx-auto"
  330.                        style="background: #98c10f;"
  331.                        href="{{ path("contact") }}">PRENDRE RDV EN LIGNE <br><span class="btn-subhead">Gratuit, sans engagement, chez vous</span></a>
  332.                 </p>
  333.             </div>
  334.         </div>
  335.     </div>
  336. {% endblock %}
  339. {% block footer %}
  340.     {{ parent() }}
  341.     <script src="{{ asset('assets/js/diagnostique.js') }}"></script>
  342.     <script src="{{ asset('assets/js/imagechanger.js') }}"></script>
  343. {% endblock %}