templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block meta %}
  4.     <meta name="description"
  5.           content="Calculez votre thème numérologie gratuit avec l'application Logia. Découvrez l'influence des nombres sur votre vie en quelques minutes.">
  6. {% endblock %}
  7. {% block title %}Découvrez l'influence des nombres sur votre vie · Logia{% endblock %}
  9. {% block body %}
  10.     <div class="bg-glow animated-glow">
  11.         <section id="hero-section" class="faded-black-transparent position-relative overflow-hidden">
  12.             <div class="bg-particles">
  14.                 <dotlottie-player src="https://lottie.host/eefac7be-0d95-4a21-ad60-21bb234ac075/W9Zk10fSKb.lottie"
  15.                                   background="transparent" speed="0.6" style="width: 100%;" loop
  16.                                   autoplay></dotlottie-player>
  17.             </div>
  19.             <div class="container">
  20.                 <div class="d-flex flex-column flex-md-row">
  21.                     <div class="m-auto col-10 col-md-12 d-flex justify-content-center align-items-center align-items-md-start flex-column">
  22.                         <h1 class="text-gold text-shadow-dark">Un outil pour <span
  23.                                     id="js-typewriting">évoluer</span></h1>
  24.                         <p class="text-beige text-justify py-3 pb-5 col-12 col-md-8 fw-bold">
  25.                             <span class="fw-bold">Découvrez l'influence des nombres</span> sur votre vie en
  26.                             quelques minutes. Calculez votre <span class="fw-bold">thème numérologique</span> vous
  27.                             permet d'analyser vos <span class="fw-bold">valeurs fondamentales</span> et vos
  28.                             <span class="fw-bold">désirs profonds</span>. Prenez le temps de <span
  29.                                     class="fw-bold">vous découvrir</span> et de <span class="fw-bold">définir ce qui est le plus
  30.                             important</span> pour vous.
  31.                         </p>
  32.                         <div class="d-flex flex-column flex-md-row justify-content-center">
  33.                             <a href="{{ path('test') }}" class="text-decoration-none">
  34.                                 <button type="button"
  35.                                         class="py-3 px-5 btn btn-gold rounded-pill text-beige btn-hover-effect fw-bold">
  36.                                     Calculer mon
  37.                                     thème
  38.                                 </button>
  39.                             </a>
  40.                             <a href="{{ path('numbers') }}"
  41.                                class="text-center text-md-start font-link py-3 px-5 fw-bold text-decoration-none text-beige">
  42.                                 La théorie
  43.                             </a>
  44.                         </div>
  45.                     </div>
  46.                     <div class="d-none d-md-block number-animation-container w-25 h-25">
  47.                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.3 143.96" width="300px" height="300px">
  48.                             <defs>
  49.                                 <clipPath id="number-clip">
  50.                                     <path
  51.                                             id="initialSVG"
  52.                                             d="M90.23,246.61H109q10.27,0,17.37-2.76a24.62,24.62,0,0,0,8.86-5.72q4.92-5.08,6.9-13.94a63.15,63.15,0,0,0,1.33-13.61V129.26q0-13-1.5-19a20.21,20.21,0,0,0-6.07-10.12q-9-8.61-26.63-8.62h-14V87q7.64-.37,14.55-1,7.39-.72,14-1.76A138.24,138.24,0,0,0,147,78.55q4.77-1.65,9.9-3.87Q163,72,169.59,68.56h8.88V215a41.11,41.11,0,0,0,2.09,13.73,25.27,25.27,0,0,0,4.45,7.92,24,24,0,0,0,6.93,5.62,32.74,32.74,0,0,0,8.7,3.16,55,55,0,0,0,11.77,1.16h17.36v4.83H90.23Z"
  53.                                     />
  54.                                     <path d="M83.3,120.86c-19.55,0-19.55,0-19.55,19.54,0-19.54,0-19.54-19.54-19.54,9.56,0,14.44,0,16.94-2.29s2.6-7.27,2.6-17.25C63.75,120.86,63.75,120.86,83.3,120.86Z"/>
  55.                                     <path d="M59.38,112.54c-7.33,0-7.33,0-7.33,7.32,0-7.32,0-7.32-7.32-7.32,3.66,0,5.49,0,6.41-.92s.91-2.74.91-6.41C52.05,112.54,52.05,112.54,59.38,112.54Z"/>
  56.                                     <path d="M77.4,128.54c-4.32,0-4.32,0-4.32,4.32,0-4.32,0-4.32-4.33-4.32,4.33,0,4.33,0,4.33-4.33,0,2.62,0,3.65,1,4.06A10.14,10.14,0,0,0,77.4,128.54Z"/>
  57.                                     <path d="M77.25,110.56c-2.1,0-3.18,0-3.74.5s-.59,1.6-.59,3.83c0-4.33,0-4.33-4.33-4.33,4.33,0,4.33,0,4.33-4.32C72.92,110.56,72.92,110.56,77.25,110.56Z"/>
  58.                                     <path d="M260.69,270.26c-19.54,0-19.54,0-19.54,19.54,0-19.54,0-19.54-19.54-19.54,19.54,0,19.54,0,19.54-19.55,0,9.77,0,14.66,2.44,17.1S250.92,270.26,260.69,270.26Z"/>
  59.                                     <path d="M260.69,244.31c-7.32,0-7.32,0-7.32,7.32,0-7.32,0-7.32-7.33-7.32,3.41,0,5.24,0,6.21-.74,1.12-.85,1.12-2.67,1.12-6.58C253.37,244.31,253.37,244.31,260.69,244.31Z"/>
  60.                                     <path d="M262,260.83c-4.32,0-4.32,0-4.32,4.33,0-4.33,0-4.33-4.33-4.33,4.33,0,4.33,0,4.33-4.32,0,2.16,0,3.24.54,3.78S259.86,260.83,262,260.83Z"/>
  61.                                     <path d="M252.25,281.56c-4.33,0-4.33,0-4.33,4.33,0-4.33,0-4.33-4.33-4.33,2.14,0,3.22,0,3.77-.52s.56-1.61.56-3.8C247.92,281.56,247.92,281.56,252.25,281.56Z"/>
  62.                                     <path d="M261.94,93.46c0,19.54,0,19.54-19.55,19.54,19.55,0,19.55,0,19.55,19.55,0-19.55,0-19.55,19.54-19.55-9.35,0-14.23,0-16.77-2.14C261.94,108.53,261.94,103.66,261.94,93.46Z"/>
  63.                                     <path d="M246.34,89.92c0-19.55,0-19.55,19.54-19.55-9.34,0-14.22,0-16.76-2.13-2.78-2.33-2.78-7.21-2.78-17.41,0,19.54,0,19.54-19.54,19.54C246.34,70.37,246.34,70.37,246.34,89.92Z"/>
  64.                                     <path d="M239,95.61c0,2,0,3.13-.46,3.7s-1.59.62-3.86.62c4.32,0,4.32,0,4.32,4.33,0-4.33,0-4.33,4.33-4.33C239,99.93,239,99.93,239,95.61Z"/>
  65.                                     <path d="M237.92,64.89c0-2.7,0-3.72,1.06-4.1a11.45,11.45,0,0,1,3.27-.23c-4.33,0-4.33,0-4.33-4.32,0,4.32,0,4.32-4.33,4.32C237.92,60.56,237.92,60.56,237.92,64.89Z"/>
  66.                                     <path d="M271.92,84.89a11.45,11.45,0,0,1,.23-3.27c.38-1.06,1.39-1.06,4.1-1.06-4.33,0-4.33,0-4.33-4.32,0,4.32,0,4.32-4.33,4.32C271.92,80.56,271.92,80.56,271.92,84.89Z"/>
  67.                                     <path d="M105.38,203.31c-7.33,0-7.33,0-7.33,7.32,0-7.32,0-7.32-7.32-7.32,3.32,0,5.14,0,6.13-.68,1.19-.83,1.19-2.64,1.19-6.64C98.05,203.31,98.05,203.31,105.38,203.31Z"/>
  68.                                     <path d="M116.07,220.56c-13.15,0-13.15,0-13.15,13.16,0-13.16,0-13.16-13.15-13.16,6.42,0,9.7,0,11.38-1.52s1.77-4.89,1.77-11.63C102.92,220.56,102.92,220.56,116.07,220.56Z"/>
  70.                                     <path id="number1"
  71.                                           fill="none"
  72.                                           visibility="hidden"
  73.                                           d="M90.23,246.61H109q10.27,0,17.37-2.76a24.62,24.62,0,0,0,8.86-5.72q4.92-5.08,6.9-13.94a63.15,63.15,0,0,0,1.33-13.61V129.26q0-13-1.5-19a20.21,20.21,0,0,0-6.07-10.12q-9-8.61-26.63-8.62h-14V87q7.64-.37,14.55-1,7.39-.72,14-1.76A138.24,138.24,0,0,0,147,78.55q4.77-1.65,9.9-3.87Q163,72,169.59,68.56h8.88V215a41.11,41.11,0,0,0,2.09,13.73,25.27,25.27,0,0,0,4.45,7.92,24,24,0,0,0,6.93,5.62,32.74,32.74,0,0,0,8.7,3.16,55,55,0,0,0,11.77,1.16h17.36v4.83H90.23Z"
  74.                                     />
  75.                                     <path id="number2"
  76.                                           fill="none"
  77.                                           visibility="hidden"
  78.                                           d="M234.09,182.27l-12.76,68.54H86.17q.77-12.51,13.65-27.7Q111.31,210,144,186.48q18-13.26,22-16.72c.51-.51,1.1-1.08,1.78-1.72s1.45-1.38,2.3-2.23q10.22-10.59,14.68-21.06a59.76,59.76,0,0,0,4.46-23.61q0-22.47-11-34.46t-31.33-12a63.78,63.78,0,0,0-28.21,6.25,51.19,51.19,0,0,0-20.29,17,40.39,40.39,0,0,0-7.4,23.48q0,13.92,6.25,13.91,2.55,0,2.94-3.7a30.29,30.29,0,0,1,1.78-6.25q3.45-7.92,8.75-11.55t13.21-3.64A24,24,0,0,1,135.49,113a19.45,19.45,0,0,1,8,8,23.6,23.6,0,0,1,2.81,11.43,23.86,23.86,0,0,1-3.64,12.95,25.65,25.65,0,0,1-9.83,9.13,29.09,29.09,0,0,1-14,3.32q-14.43,0-23.68-10t-9.25-25.4a48.37,48.37,0,0,1,3.64-18.31,47.14,47.14,0,0,1,10.53-15.89q18.63-19,57.43-19a108.4,108.4,0,0,1,29.74,3.89,72.54,72.54,0,0,1,23.48,11.17,51.22,51.22,0,0,1,15.06,17.1A44.68,44.68,0,0,1,231,122.67q0,16.72-11.62,29.86A59.26,59.26,0,0,1,208.18,163q-12.26,8-36.76,18.25-34.33,14.43-48.11,25.14-3.19,2.31-12.26,10.47H194.4q11.61,0,17.67-2.11a17.8,17.8,0,0,0,9.51-7.59q3.45-5.49,6-16.47l1.79-8.42Z"
  79.                                     />
  80.                                     <path id="number3"
  81.                                           fill="none"
  82.                                           visibility="hidden"
  83.                                           d="M173.4,153.81v.26q20.23,3,29.26,7A67.27,67.27,0,0,1,221,171.34a40.6,40.6,0,0,1,11.15,13.86,38.14,38.14,0,0,1,3.74,16.69,39.23,39.23,0,0,1-10.51,26.94q-10.5,11.73-29.77,18.17T152,253.45a132.63,132.63,0,0,1-27.39-2.84q-13.47-2.84-21.46-7.22A41.37,41.37,0,0,1,89.3,230.12a30,30,0,0,1-5.22-16.37,21.77,21.77,0,0,1,6.19-15.86,20.77,20.77,0,0,1,15.47-6.31q9.15,0,14.88,5.73a19.49,19.49,0,0,1,5.74,14.37,17.7,17.7,0,0,1-2.51,9.48,27.46,27.46,0,0,1-8.32,7.92c-3.69,2.33-5.54,4.43-5.54,6.32q0,5.81,11.28,9.54t28,3.74q23.59,0,34.42-10.57,11.6-12.12,10.18-35.19-1.54-26.29-11.6-35.83Q171.86,157,152.52,157q-4.77,0-17.4,1a47.94,47.94,0,0,1-7,.51q-7.34,0-7.34-4.51t8.25-4.38q1.55,0,8.63.77a139,139,0,0,0,15.08,1q11.47,0,18.43-3.67a21.65,21.65,0,0,0,10.12-11.66q3.16-8,3.16-21.92a71.36,71.36,0,0,0-1.29-14.11,52.05,52.05,0,0,0-3.67-11.54,26.34,26.34,0,0,0-5.87-8.37q-8.76-8.77-25.13-8.77a73.2,73.2,0,0,0-18.3,2.19,44.31,44.31,0,0,0-13.73,5.74q-5.22,3.54-5.22,7.41a4.77,4.77,0,0,0,1.29,3.42,23.79,23.79,0,0,0,4.77,3.41q6.06,3,8.76,7a18,18,0,0,1,2.71,10.24,18.71,18.71,0,0,1-5.61,14,19.22,19.22,0,0,1-14,5.48,20,20,0,0,1-14.89-6.13,20.61,20.61,0,0,1-6-15,32.73,32.73,0,0,1,8.57-22.17q8.57-9.8,24.1-15.15t35.25-5.35q20.37,0,35.58,5.61t23.58,16a37.51,37.51,0,0,1,8.38,24.3,35.06,35.06,0,0,1-14.56,29q-8.25,6.18-23.2,9.8Q182.29,152.14,173.4,153.81Z"
  84.                                     />
  85.                                     <path id="number4"
  86.                                           fill="none"
  87.                                           visibility="hidden"
  88.                                           d="M190.89,61.88h10.76V189.17h41.79V211H201.65v10.48q0,15,8.82,23.3T235,253h6.48v5.1H121V253h5.93q13.38,0,22.07-3.72a24.9,24.9,0,0,0,12.75-11.52q4.07-7.78,4.07-20.34V211H76.56V189.17Zm-25.1,35.3L83.05,189.44h82.74Z"
  89.                                     />
  90.                                     <path id="number5"
  91.                                           fill="none"
  92.                                           visibility="hidden"
  93.                                           d="M233.77,60.38l.55,3.31a87.34,87.34,0,0,1-13.65,16.2A86.3,86.3,0,0,1,203.16,91.4a115,115,0,0,1-28.06,9.65,158.51,158.51,0,0,1-33.16,3.31,260,260,0,0,1-38.06-3l-8.27,55.84q19.44-11.16,31.64-15T156,138.28a137.88,137.88,0,0,1,27.44,2.55,94.25,94.25,0,0,1,22.68,7.52,65.64,65.64,0,0,1,17.72,12.55A54.9,54.9,0,0,1,236,178.61,51.33,51.33,0,0,1,240.25,199q0,21.8-15.86,37-24.82,24.4-73.63,24.41a138.64,138.64,0,0,1-28.88-3q-14.28-3-22.82-7.73a41.41,41.41,0,0,1-14.27-13.09,29.75,29.75,0,0,1-5-16.55,22.56,22.56,0,0,1,6.76-16.82,22.9,22.9,0,0,1,16.68-6.62,23.7,23.7,0,0,1,11.72,2.83,21.67,21.67,0,0,1,8.14,7.79,20.74,20.74,0,0,1,3,11q0,12.13-12.68,19-5.39,3-5.38,5.65,0,4.55,11.51,8.34a81.4,81.4,0,0,0,25.58,3.79q25.78,0,37.85-13.86T195,197.57q0-17.23-5.31-29.23A39.17,39.17,0,0,0,173.79,150q-10.62-6.33-24.82-6.34a72.55,72.55,0,0,0-17.65,2.07,83.49,83.49,0,0,0-17.3,6.62,163.73,163.73,0,0,0-19.24,11.58H90L104.71,59.69a115.15,115.15,0,0,0,17.51,4.55A269.49,269.49,0,0,0,169.1,68q12.69,0,23.72-.75t21.23-2.49A199.17,199.17,0,0,0,233.77,60.38Z"
  94.                                     />
  96.                                     <path id="number6"
  97.                                           fill="none"
  98.                                           visibility="hidden"
  99.                                           d="M125.19,134.82v28.76h.55q16.65-26.15,48.85-26.15a71.88,71.88,0,0,1,33.23,7.71,61.18,61.18,0,0,1,23.87,21.19,53.25,53.25,0,0,1,8.81,29.72,57.17,57.17,0,0,1-9.84,32.47,66,66,0,0,1-27.11,23,87.62,87.62,0,0,1-38.32,8.26,84.73,84.73,0,0,1-31.58-5.71A78.28,78.28,0,0,1,108,237.47a87.48,87.48,0,0,1-15.35-21,109.66,109.66,0,0,1-9.76-26.22,126.6,126.6,0,0,1-3.38-29.44,115.53,115.53,0,0,1,7.09-41,88.81,88.81,0,0,1,21.12-32.61,90.84,90.84,0,0,1,30-19.88,91.86,91.86,0,0,1,35.36-7.09,68.66,68.66,0,0,1,28.14,5.64,50.55,50.55,0,0,1,20.23,15.48,34.56,34.56,0,0,1,7.5,21.4,22,22,0,0,1-6.19,15.82,20.61,20.61,0,0,1-15.55,6.47q-9.63,0-16-5.92a19.62,19.62,0,0,1-6.32-15A18.68,18.68,0,0,1,188.14,93q3.23-4.55,10.39-8.26Q205,81.16,205,78.27q0-3.31-4.34-6.33a35.82,35.82,0,0,0-11.42-4.89,60.32,60.32,0,0,0-15.34-1.86q-24.63,0-36.67,17.13T125.19,134.82Zm0,54.21v17.48q0,15.83,4.26,26.62t12.73,16.31q8.46,5.51,20.3,5.5,18.44,0,26.42-13.89a32.23,32.23,0,0,0,4.54-11.56q2.19-9.92,2.2-36.6,0-16.51-2.34-25.87a32.76,32.76,0,0,0-8.12-15.28q-7-7.29-20-7.29a38.85,38.85,0,0,0-20.92,5.64,38.08,38.08,0,0,0-14.1,15.76A51.42,51.42,0,0,0,125.19,189Z"
  100.                                     />
  101.                                     <path id="number7"
  102.                                           fill="none"
  103.                                           visibility="hidden"
  104.                                           d="M237.09,63v5.13l-4,6.24q-13,20.94-21.35,36.12a299.6,299.6,0,0,0-14.35,29.81q-6,14.63-11.72,32.66-8.46,27.72-14.42,55.32-2.91,15-4.3,28.7H121.59a138.5,138.5,0,0,1,8.18-28.42,242.78,242.78,0,0,1,13.31-26.9q21.22-36.46,53.66-80.15l16.5-22.18H127.55q-14.28,0-22,3.53T93.93,115.21q-4,8.81-6.17,26.56H82.91L92.33,63Z"
  105.                                     />
  106.                                     <path id="number8"
  107.                                           fill="none"
  108.                                           visibility="hidden"
  109.                                           d="M130.16,165.43q-21.7-9.27-31.16-20.65T89.54,116.6q0-16,8.67-27.92t25.14-18.26q16.47-6.35,38.57-6.35,36,0,53.06,17.07a36.29,36.29,0,0,1,8.67,12.44,36.8,36.8,0,0,1,3.1,14.55,34,34,0,0,1-3.64,15.81q-3.63,7.08-11.77,13.24t-21.5,12q21.69,8.07,32.81,17.07,18.14,15.09,18.13,35.46a44.06,44.06,0,0,1-3.57,17.4A46,46,0,0,1,227,234q-22.89,22-69.2,22a154.19,154.19,0,0,1-35.2-3.84Q106.21,248.27,96,241.24q-16.82-11.51-16.81-29.5a34.34,34.34,0,0,1,5-18.53q5-8.07,16.27-14.82T130.16,165.43Zm5.69,2.38a74.09,74.09,0,0,0-15.21,11.71,37.25,37.25,0,0,0-8.6,13.69,52.55,52.55,0,0,0-2.65,17.47q0,40.89,51.47,40.88A75.57,75.57,0,0,0,187.92,247q12-4.58,18.72-12.57a27,27,0,0,0,6.75-17.8,23.07,23.07,0,0,0-7.81-18,78.35,78.35,0,0,0-7.67-5.69Q187.07,187.27,172,181c-3.17-1.32-6.19-2.52-9.06-3.57s-5.8-2.12-8.8-3.18c-1.85-.7-4-1.48-6.28-2.31l-5.89-2.12C140.35,169.29,138.32,168.6,135.85,167.81Zm47.24-21.44q9.66-7.14,13.76-16.07t4.1-21.51q0-19.85-10.71-29.9T158.61,68.83q-14.16,0-24.74,4t-16.34,11a26.24,26.24,0,0,0,2.71,35.93,51.47,51.47,0,0,0,7.54,5.42q14,7.41,39.83,16Q172.64,142.8,183.09,146.37Z"
  110.                                     />
  111.                                     <path id="number9"
  112.                                           fill="none"
  113.                                           visibility="hidden"
  114.                                           d="M192.26,185.66V156.79h-.51Q183.8,169.24,173,175t-26.17,5.7a68.49,68.49,0,0,1-24-4.23,62.35,62.35,0,0,1-20-11.8,54.92,54.92,0,0,1-13.27-17.45A48.15,48.15,0,0,1,84.89,126,52.55,52.55,0,0,1,94,95.86q9.1-13.47,25.4-21.17a83.32,83.32,0,0,1,36-7.7q23,0,41.24,11.68T225,111.25q10.07,20.91,10.07,47.6,0,42.33-25.78,68.88A86.22,86.22,0,0,1,148.39,253Q122,253,106.7,238q-11-10.78-11-23.61,0-9.49,5.83-15.65a19.26,19.26,0,0,1,14.56-6.16q9.1,0,15.08,5.52a18.69,18.69,0,0,1,6,14.37,17.51,17.51,0,0,1-2.88,10.2q-2.9,4.17-9.43,7.37-6.3,3.21-6.29,6.42,0,4.62,8.79,8.21a52.75,52.75,0,0,0,20.07,3.59q22.06,0,33.49-15.91T192.26,185.66ZM158.65,71.35q-17.84,0-25.53,12.71a39.5,39.5,0,0,0-4.1,11,55.31,55.31,0,0,0-1.22,8.14q-.45,5.07-.71,13.15t-.25,14.11a106.81,106.81,0,0,0,1.6,20.66,36.86,36.86,0,0,0,5.2,13.21q6.66,10.26,21.81,10.26t24.75-9.75a35.62,35.62,0,0,0,9.43-16.22q2.9-9.94,2.89-25.21,0-18-3.66-29.44T177.7,76.94Q170.2,71.36,158.65,71.35Z"
  115.                                     />
  116.                                     <path id="number11"
  117.                                           fill="none"
  118.                                           visibility="hidden"
  119.                                           d="M33.3,230.29H48.55q14.63,0,21.3-6.89t6.67-22.35v-66q0-10.59-1.22-15.41a16.29,16.29,0,0,0-4.92-8.21q-7.32-7-21.61-7H37.43v-3.71a217,217,0,0,0,23.15-2.28,110.86,110.86,0,0,0,18.8-4.56,131.24,131.24,0,0,0,18.33-8.1h7.2V204.65q0,25.64,27.55,25.64h14.09v3.92H33.3Z"
  120.                                     />
  121.                                     <path id="number22"
  122.                                           fill="none"
  123.                                           visibility="hidden"
  124.                                           d="M151.74,177.8l-10.2,54.78H33.5q.61-10,10.92-22.13,9.18-10.51,35.29-29.28,14.39-10.6,17.55-13.37c.41-.4.88-.86,1.43-1.37s1.15-1.11,1.84-1.79a56.88,56.88,0,0,0,11.73-16.83,47.66,47.66,0,0,0,3.57-18.87q0-18-8.83-27.55T82,91.8a51,51,0,0,0-22.55,5,41.12,41.12,0,0,0-16.22,13.57,32.36,32.36,0,0,0-5.91,18.77q0,11.12,5,11.12c1.36,0,2.14-1,2.34-3a24.1,24.1,0,0,1,1.43-5q2.76-6.32,7-9.23a18.2,18.2,0,0,1,10.56-2.91,19.19,19.19,0,0,1,9.33,2.25,15.54,15.54,0,0,1,6.38,6.37,18.9,18.9,0,0,1,2.24,9.13,19.12,19.12,0,0,1-2.91,10.36,20.49,20.49,0,0,1-7.85,7.29,23.24,23.24,0,0,1-11.17,2.65q-11.53,0-18.93-8T33.3,130a38.68,38.68,0,0,1,2.91-14.64,37.67,37.67,0,0,1,8.41-12.7q14.9-15.21,45.91-15.2a86.24,86.24,0,0,1,23.77,3.11,57.75,57.75,0,0,1,18.77,8.93,41,41,0,0,1,12,13.66,35.81,35.81,0,0,1,4.18,17A35.05,35.05,0,0,1,140,154a47.68,47.68,0,0,1-9,8.37q-9.8,6.42-29.38,14.59Q74.2,188.51,63.19,197.08q-2.55,1.84-9.79,8.37H120q9.29,0,14.13-1.69a14.25,14.25,0,0,0,7.6-6.07q2.76-4.38,4.79-13.16L148,177.8Z"
  125.                                     />
  126.                                     <path id="number33"
  127.                                           fill="none"
  128.                                           visibility="hidden"
  129.                                           d="M104.65,155.23v.2q15.59,2.3,22.54,5.36a52,52,0,0,1,14.14,8,31.16,31.16,0,0,1,8.59,10.67,29.35,29.35,0,0,1,2.88,12.86A30.23,30.23,0,0,1,144.71,213q-8.09,9-22.93,14t-33.61,5a101.91,101.91,0,0,1-21.1-2.19q-10.36-2.17-16.53-5.56A31.86,31.86,0,0,1,39.87,214a23.12,23.12,0,0,1-4-12.61,16.72,16.72,0,0,1,4.77-12.21,16,16,0,0,1,11.91-4.87A15.55,15.55,0,0,1,64,188.74a15,15,0,0,1,4.41,11.07,13.6,13.6,0,0,1-1.93,7.3,21.12,21.12,0,0,1-6.41,6.1q-4.26,2.68-4.26,4.87,0,4.47,8.68,7.34t21.6,2.88q18.16,0,26.5-8.14,8.94-9.33,7.85-27.1-1.2-20.25-8.94-27.6-8-7.74-22.93-7.74-3.67,0-13.4.79a36,36,0,0,1-5.37.4q-5.65,0-5.65-3.48c0-2.25,2.11-3.37,6.35-3.37q1.19,0,6.65.59a107.66,107.66,0,0,0,11.62.8q8.83,0,14.19-2.83a16.67,16.67,0,0,0,7.8-9q2.43-6.15,2.43-16.87a55.23,55.23,0,0,0-1-10.88,40.74,40.74,0,0,0-2.83-8.88,20.18,20.18,0,0,0-4.52-6.45Q98.1,91.8,85.49,91.8a56.65,56.65,0,0,0-14.1,1.68A34,34,0,0,0,60.82,97.9q-4,2.73-4,5.71a3.66,3.66,0,0,0,1,2.63,18.31,18.31,0,0,0,3.67,2.63,16.71,16.71,0,0,1,6.76,5.41,14,14,0,0,1,2.08,7.89A14.44,14.44,0,0,1,66,133a14.81,14.81,0,0,1-10.77,4.22,15.42,15.42,0,0,1-11.47-4.72,15.92,15.92,0,0,1-4.61-11.57,25.23,25.23,0,0,1,6.6-17.07q6.6-7.55,18.56-11.67A83.37,83.37,0,0,1,91.45,88q15.67,0,27.4,4.32T137,104.65a28.92,28.92,0,0,1,6.45,18.72,27,27,0,0,1-11.22,22.33q-6.34,4.77-17.87,7.55C112.46,153.71,109.22,154.38,104.65,155.23Z"
  130.                                     />
  131.                                 </clipPath>
  132.                             </defs>
  133.                         </svg>
  134.                         <img class="unrestrained-img image-clipped" src="{{ asset('build/images/bg-number-item.jpg') }}"
  135.                              alt="number image"/>
  136.                     </div>
  138.                 </div>
  139.             </div>
  140.         </section>
  141.     </div>
  142.     <section id="sells-arguments">
  143.         <div class="container selling-argument">
  144.             <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
  145.                 <div class="mx-4 col-10 col-md-6">
  146.                     <h2>
  147.                         Trouver du sens
  148.                     </h2>
  149.                     <p class="text-beige py-3 pb-5 text-justify fw-bold">
  150.                         Nous cherchons tous à <span class="fw-bold">donner du sens à nos vies</span> et au
  151.                         <span class="fw-bold">monde</span> qui nous entoure. La numérologie
  152.                         vous apporte <span class="fw-bold">des clés</span> dans cette recherche. Etudier
  153.                         votre <span class="fw-bold">chemin de vie</span> vous fera découvrir
  154.                         le fil rouge qui vous <span class="fw-bold">guide</span> et vous permettra de <span
  155.                                 class="fw-bold">comprendre vos aspirations</span>.
  156.                     </p>
  157.                 </div>
  158.                 <div class="d-flex justify-content-end col-10 col-md-5">
  159.                     <img src="{{ asset('build/images/search.png') }}" alt="searching">
  160.                 </div>
  161.             </div>
  162.         </div>
  163.         <div class="container-fluid">
  164.             <div class="container selling-argument">
  165.                 <div class="d-flex flex-column flex-md-row flex-md-row-reverse justify-content-between align-items-center">
  166.                     <div class="mx-4 col-10 col-md-6">
  167.                         <h2>
  168.                             Découvrir son potentiel
  169.                         </h2>
  170.                         <p class="text-beige py-3 pb-5 text-justify fw-bold">
  171.                             "Connais-toi toi-même", nous disait Socrate. Apprenez à donner le meilleur de vous-même.
  172.                             Votre thème numérologique dévoile <span
  173.                                     class="fw-bold">vos capacités innées et cachées</span>.
  174.                             Prenez conscience de
  175.                             <span class="fw-bold">votre valeur</span> et <span class="fw-bold">déchiffrez vos points forts</span>.
  176.                             <span class="fw-bold">Acceptez</span> aussi vos points faibles pour
  177.                             entretenir <span class="fw-bold">une relation saine avec vous-même</span>.
  178.                         </p>
  179.                     </div>
  180.                     <div class="d-flex justify-content-start col-10 col-md-5">
  181.                         <img src="{{ asset('build/images/nolimit.png') }}" alt="searching">
  182.                     </div>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.         <div class="container selling-argument">
  187.             <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
  188.                 <div class="mx-4 col-10 col-md-6">
  189.                     <h2>
  190.                         Rester serein·e
  191.                     </h2>
  192.                     <p class="text-beige py-3 pb-5 text-justify fw-bold">
  193.                         L'introspection est la base pour prendre du recul. Se connaître ou se découvrir grâce à
  194.                         notre thème numérologique vous permettra d'alléger vos épaules d'un poids et d'anticiper
  195.                         sereinement l'avenir.
  196.                         L'analyse
  197.                         approfondie de votre
  198.                         <span class="fw-bold">thème numérologique</span> contient des <span
  199.                                 class="fw-bold">conseils et des points à améliorer</span>. C'est avant tout
  200.                         <span class="fw-bold">un outil fait pour s'épanouir</span>.
  201.                     </p>
  202.                 </div>
  203.                 <div class="d-flex justify-content-end col-10 col-md-5">
  204.                     <img src="{{ asset('build/images/calm.png') }}" alt="calm">
  205.                 </div>
  206.             </div>
  207.         </div>
  208.     </section>
  209.     <div class="bg-glow animated-glow">
  210.         <section id="interested" class="faded-black-transparent position-relative overflow-hidden">
  211.             <div class="bg-particles">
  213.                 <dotlottie-player src="https://lottie.host/eefac7be-0d95-4a21-ad60-21bb234ac075/W9Zk10fSKb.lottie"
  214.                                   background="transparent" speed="0.6" style="width: 100%;" loop
  215.                                   autoplay></dotlottie-player>
  216.             </div>
  218.             <div class="container">
  219.                 <div class="d-flex justify-content-center align-items-center flex-column text-center">
  220.                     <h2 class="text-shadow-dark">Intéressé·e ?</h2>
  221.                     <p class="fw-bold text-beige text-lg-center py-3 pb-5">
  222.                         Votre <span class="fw-bold">thème numérologique</span> vous attend.
  223.                         <br>
  224.                         Prenez le temps d'en
  225.                         <span class="fw-bold">apprendre plus
  226.                             sur vous</span> dès maintenant.
  227.                     </p>
  228.                     <div class="d-flex flex-column flex-md-row">
  229.                         <a href="{{ path('test') }}" class="text-decoration-none">
  230.                             <button type="button"
  231.                                     class="py-3 px-5 btn btn-gold rounded-pill text-beige fw-bold btn-hover-effect">
  232.                                 Calculer mon thème
  233.                             </button>
  234.                         </a>
  236.                         <a href="{{ path('numbers') }}"
  237.                            class="font-link py-3 px-5 fw-bold text-decoration-none text-beige">
  238.                             La théorie
  239.                         </a>
  240.                     </div>
  241.                 </div>
  242.             </div>
  243.         </section>
  244.     </div>
  246. {% endblock %}
  248. {% block javascripts %}
  249.     {{ parent() }}
  250.     <script>
  251.         var
  252.             words = ["mieux se comprendre", 'trouver du sens', "s'épanouir", "découvrir ses capacités", "faire des choix", 'évoluer'],
  253.             part,
  254.             i = 0,
  255.             offset = 0,
  256.             len = words.length,
  257.             forwards = true,
  258.             skip_count = 0,
  259.             skip_delay = 60,
  260.             speed = 50;
  262.         var wordflick = function () {
  263.             setInterval(function () {
  264.                 if (forwards) {
  265.                     if (offset >= words[i].length) {
  266.                         ++skip_count;
  267.                         if (skip_count == skip_delay) {
  268.                             forwards = false;
  269.                             skip_count = 0;
  270.                         }
  271.                     }
  272.                 } else {
  273.                     if (offset == 0) {
  274.                         forwards = true;
  275.                         i++;
  276.                         offset = 0;
  277.                         if (i >= len) {
  278.                             i = 0;
  279.                         }
  280.                     }
  281.                 }
  282.                 part = words[i].substr(0, offset);
  283.                 if (skip_count == 0) {
  284.                     if (forwards) {
  285.                         offset++;
  286.                     } else {
  287.                         offset--;
  288.                     }
  289.                 }
  290.                 document.getElementById('js-typewriting').innerHTML = part;
  291.             }, speed);
  292.         };
  294.         document.addEventListener('DOMContentLoaded', function () {
  295.             setTimeout(() => {
  296.                 wordflick();
  297.             }, 1000)
  298.         }, false);
  299.     </script>
  303.     <script>
  304.         let isMobile = window.screen.width < 768;
  305.         if (!isMobile) {
  306.             document.write(
  307.                 '<script src="https://cdn.jsdelivr.net/npm/kute.js@2.2.4/dist/kute.min.js"><\/script>'
  308.             );
  309.             document.addEventListener('DOMContentLoaded', function () {
  310.                     let defaultTargetForMorphing = '#initialSVG';
  312.                     let getRandomNextIteration = (excludeNum) => {
  314.                         var randNumber = Math.floor(Math.random() * 9);
  315.                         if (randNumber === excludeNum || randNumber === 0) {
  316.                             return getRandomNextIteration(excludeNum);
  317.                         } else {
  318.                             return randNumber;
  319.                         }
  320.                     };
  322.                     let currentIterationCount = 1;
  323.                     let nextIterationCount = getRandomNextIteration(1);
  325.                     let onCompleteFunction = () => {
  326.                         nextIterationCount = getRandomNextIteration(currentIterationCount);
  328.                         KUTE.fromTo(defaultTargetForMorphing, {path: `#number${currentIterationCount}`}, {path: `#number${nextIterationCount}`}, baseOptions).start();
  330.                         currentIterationCount = nextIterationCount;
  331.                         return true;
  332.                     }
  335.                     let baseOptions = {
  336.                         duration: 600,
  337.                         delay: 8000,
  338.                         easing: 'easingCubicInOut',
  339.                         onComplete: onCompleteFunction
  340.                     };
  342.                     let tween2 = KUTE.fromTo(defaultTargetForMorphing, {path: '#initialSVG'}, {path: '#number2'}, baseOptions);
  344.                     tween2.start();
  347.                 },
  348.                 false
  349.             );
  350.         }
  351.     </script>
  353. {% endblock %}