{% extends 'front.html.twig' %}

 {% block front %}
     <div id="care_program">
         <div>
             <h2>HYPNOSE</h2>
             <div>
                 <span>Libérez-vous</span> du passé et <span>embrassez un</span> avenir rempli de possibilité infinies.
                 En tant qu’hypnothérapeute dédié, je vous guide avec douceur vers une transformation profonde. <span>Réservez dès maintenant</span> pour commencer votre voyage vers une vie plus épanouissante
             </div>
         </div>

         <div>
             {% for data in datas %}
                 {{
                     component('sample-card', {
                         title: data.title,
                         description: data.description
                     })
                 }}
             {% endfor %}
         </div>
         <div>
             <h2>Hypnose</h2>
             <div>
                 {% for item in hypnose %}
                     <div>
                         {{
                             component('complet-card', {
                                 title: item.title,
                                 description: item.description,
                                 src: item.src
                             })
                         }}
                     </div>
                 {% endfor %}
             </div>
         </div>
         <div>
             <h2>Confiance en soi</h2>
             <div>
                 {% for item in self_confidence %}
                     <div>
                         {{
                             component('complet-card', {
                                 title: item.title,
                                 description: item.description,
                                 src: item.src
                             })
                         }}
                     </div>
                 {% endfor %}
             </div>
         </div>
         <div>
             <h2>Désir & plaisir</h2>
             <div>
                 <div>
                     {{
                         component('complet-card', {
                             title: "data.title",
                             description: "data.description",
                             src: "https://i.postimg.cc/sx71TKsG/424649389-942393397250460-6913522894718830421-n.jpg"
                         })
                     }}
                 </div>
                 <div>
                     {{
                     component('complet-card', {
                         title: "data.title",
                         description: "data.description",
                         src: "https://i.postimg.cc/sx71TKsG/424649389-942393397250460-6913522894718830421-n.jpg"
                     })
                     }}
                 </div>
                 <div>
                     {{
                     component('complet-card', {
                         title: "data.title",
                         description: "data.description",
                         src: "https://i.postimg.cc/sx71TKsG/424649389-942393397250460-6913522894718830421-n.jpg"
                     })
                     }}
                 </div>
             </div>
         </div>
     </div>
 {% endblock %}