<turbo-stream action="update" target="subscribe"><template>
  <header class="container py-7">
  <div class="flex justify-center items-center">
    <svg xmlns="http://www.w3.org/2000/svg" width="152" height="26" viewBox="0 0 152 26" fill="none">
<path d="M43.1151 10.2667V14.4507C43.1151 16.1329 44.064 17.47 45.8972 17.47C47.9029 17.47 49.0459 15.7447 49.0459 12.7685C49.0459 9.9001 47.8598 8.00223 45.8325 8.00223C44.4738 8.00223 43.1151 8.8002 43.1151 10.2667ZM39.8801 21.8481L40.3977 21.3305C40.829 20.9207 41.0447 20.4031 41.0447 19.7992V10.0726C41.0447 9.42563 40.8074 8.95117 40.2898 8.56296L39.8801 8.26103C39.7938 8.19633 39.7507 8.11006 39.7507 8.00223C39.7507 7.8944 39.7938 7.8297 39.9016 7.80813L42.7269 6.98859C42.8131 6.96703 42.8994 6.96703 43.0072 6.96703C43.0719 6.96703 43.1151 7.01016 43.1151 7.07486V7.72186C43.1151 8.0238 43.1798 8.19633 43.3092 8.19633C43.3954 8.19633 43.5033 8.13163 43.6543 8.00223C44.2797 7.46306 45.2933 6.85919 46.7167 6.85919C49.1538 6.85919 51.1163 8.71393 51.1163 12.2724C51.1163 16.0035 48.9381 18.3327 46.2207 18.3327C45.1855 18.3327 44.366 17.9661 43.8484 17.5994C43.6327 17.47 43.4817 17.4053 43.3523 17.4053C43.1798 17.4053 43.1151 17.5779 43.1151 17.9445V19.7561C43.1151 20.4031 43.3523 20.9207 43.8052 21.352L44.3013 21.8481C44.366 21.9128 44.4091 22.0206 44.4091 22.1284C44.4091 22.2363 44.3444 22.2794 44.2366 22.2794H39.9232C39.8154 22.2794 39.7507 22.2147 39.7507 22.1069C39.7507 21.999 39.7938 21.9343 39.8801 21.8481Z" fill="#D3208B"></path>
<path d="M56.9537 18.3596C53.654 18.3381 51.713 15.901 51.713 12.6229C51.713 9.2369 53.8265 6.90769 57.0615 6.88612C60.4259 6.86456 62.3885 9.40943 62.3885 12.6229C62.3885 15.9226 60.2965 18.3812 56.9537 18.3596ZM53.3952 11.0269C53.3952 13.5934 54.9048 17.4538 57.9673 17.4538C59.6711 17.4538 60.5985 16.0951 60.5985 14.0247C60.5985 11.1563 58.83 7.72723 56.2851 7.70566C54.4304 7.70566 53.3952 9.06436 53.3952 11.0269Z" fill="#D3208B"></path>
<path d="M61.1911 7.44174C61.1911 7.3339 61.2342 7.29077 61.3421 7.29077H65.5476C65.6554 7.29077 65.7201 7.35547 65.7201 7.46331C65.7201 7.57114 65.677 7.65741 65.6123 7.72211L65.1809 8.15344C64.8143 8.49851 64.728 8.92984 64.879 9.40431L66.82 15.1411C66.9279 15.4214 67.0357 15.5724 67.122 15.5724C67.2298 15.5724 67.3161 15.4214 67.4239 15.1411L69.8825 7.89464C70.0119 7.48487 70.2923 7.29077 70.7236 7.29077C71.1549 7.29077 71.4137 7.48487 71.5647 7.89464L74.0017 15.1195C74.1096 15.3999 74.2174 15.5508 74.3037 15.5508C74.4115 15.5508 74.4978 15.3999 74.6056 15.1195L76.5035 9.57685C76.7192 8.99454 76.5898 8.45538 76.1584 8.02404L75.8349 7.72211C75.7487 7.65741 75.7055 7.54957 75.7055 7.44174C75.7055 7.3339 75.7702 7.29077 75.8781 7.29077H78.8543C78.9621 7.29077 79.0268 7.35547 79.0268 7.46331C79.0268 7.57114 78.9837 7.63584 78.8974 7.70054L78.3582 8.17501C77.9053 8.54164 77.5818 8.99454 77.3877 9.55528L74.7566 17.3193C74.5625 17.8153 74.239 18.0741 73.6998 18.0741C73.1822 18.0741 72.8371 17.8153 72.643 17.3193L70.4217 10.7199C70.3138 10.4179 70.206 10.2885 70.1197 10.2885C70.0119 10.2885 69.9256 10.4179 69.8178 10.7199L67.5533 17.3193C67.3808 17.8153 67.0357 18.0741 66.5181 18.0741C65.9789 18.0741 65.6338 17.8153 65.4613 17.3193L62.8302 9.61998C62.6145 9.01611 62.291 8.52008 61.8165 8.13187L61.2989 7.70054C61.2127 7.63584 61.1911 7.54957 61.1911 7.44174Z" fill="#D3208B"></path>
<path d="M81.1081 11.3469H85.1842C85.8528 11.3469 86.1547 11.0234 86.0684 10.4196C85.8096 8.95303 84.9685 7.37865 83.1138 7.37865C81.2806 7.37865 80.3533 8.60796 80.1807 10.4196C80.1376 11.0234 80.4611 11.3469 81.1081 11.3469ZM87.233 12.0371H81.1512C80.5258 12.0371 80.2239 12.3606 80.3964 12.9644C80.9356 15.3152 82.5746 16.868 84.796 16.868C86.0684 16.868 86.9958 16.372 87.4271 16.0485C87.5997 15.9407 87.7291 15.9407 87.8585 16.0916C87.9879 16.221 87.9663 16.372 87.8153 16.523C87.1036 17.1915 85.8096 18.0758 83.7608 18.0758C80.5905 18.0758 78.4122 15.876 78.4122 12.3821C78.4122 8.99616 80.4611 6.64539 83.6745 6.64539C86.3488 6.64539 88.031 8.41386 88.182 11.1097C88.2251 11.692 87.88 12.0371 87.233 12.0371Z" fill="#D3208B"></path>
<path d="M97.0035 10.073C96.9172 10.073 96.8525 10.0298 96.7878 9.96512L95.9036 8.60642C95.6232 8.19665 95.235 8.02412 94.8468 8.02412C94.437 8.02412 94.0273 8.19665 93.6822 8.43388C92.7333 9.10245 92.0431 9.85729 92.0431 11.065V15.7019C92.0431 16.3273 92.2804 16.8449 92.7764 17.2547L93.2293 17.6429C93.3156 17.7076 93.3371 17.7939 93.3371 17.9017C93.3371 18.0095 93.2724 18.0742 93.1646 18.0742H88.8512C88.7434 18.0742 88.6787 18.0095 88.6787 17.9017C88.6787 17.7939 88.7218 17.7292 88.8081 17.6645L89.3257 17.19C89.757 16.8233 89.9727 16.3489 89.9727 15.7881V10.1808C89.9727 9.53379 89.7355 9.05932 89.2179 8.67112L88.8081 8.36918C88.7218 8.30448 88.6787 8.21822 88.6787 8.11038C88.6787 8.00255 88.7218 7.93785 88.8297 7.91628L91.6549 7.09675C91.7412 7.07518 91.849 7.07518 91.9353 7.07518C92 7.07518 92.0431 7.11831 92.0431 7.20458V8.30448C92.0431 8.62799 92.0863 8.77895 92.2157 8.77895C92.3019 8.77895 92.4529 8.69269 92.6254 8.49858C93.3587 7.74375 94.3723 6.96735 95.6663 6.96735C96.4427 6.96735 97.0035 7.13988 97.4564 7.31241C97.9955 7.48495 98.1465 8.02412 97.823 8.67112L97.176 9.96512C97.1329 10.0298 97.0682 10.073 97.0035 10.073Z" fill="#D3208B"></path>
<path d="M102.028 8.25422C102.869 7.62878 104.141 6.89551 105.543 6.89551C107.506 6.89551 108.778 8.23265 108.778 11.101V15.63C108.778 16.2555 109.015 16.7731 109.49 17.1828L109.943 17.5711C110.029 17.6358 110.072 17.722 110.072 17.8299C110.072 17.9377 110.007 18.0024 109.9 18.0024H105.565C105.457 18.0024 105.392 17.9377 105.392 17.8299C105.392 17.722 105.435 17.6573 105.521 17.5926L106.039 17.1181C106.47 16.7515 106.686 16.277 106.686 15.7163V11.0363C106.686 9.09532 106.276 7.90915 104.831 7.90915C103.796 7.90915 102.761 8.51302 102.049 9.03062C101.575 9.37569 101.294 9.87173 101.294 10.5403V15.63C101.294 16.277 101.532 16.7731 102.028 17.1828L102.481 17.5711C102.567 17.6358 102.588 17.722 102.588 17.8299C102.588 17.9377 102.524 18.0024 102.416 18.0024H98.1025C97.9947 18.0024 97.93 17.9377 97.93 17.8299C97.93 17.722 97.9731 17.6573 98.0594 17.5926L98.577 17.1181C99.0083 16.7515 99.224 16.277 99.224 15.7163V4.50161C99.224 3.8546 98.9867 3.38014 98.4691 2.99193L98.0594 2.69C97.9731 2.6253 97.93 2.53903 97.93 2.4312C97.93 2.32337 97.9731 2.25867 98.0809 2.2371L100.798 1.43913C100.906 1.396 101.036 1.396 101.143 1.396C101.251 1.396 101.294 1.4607 101.294 1.56853V7.93072C101.294 8.29735 101.381 8.49145 101.553 8.49145C101.661 8.49145 101.834 8.40519 102.028 8.25422Z" fill="#D3208B"></path>
<path d="M115.313 17.9547C112.013 17.9331 110.072 15.4961 110.072 12.2179C110.072 8.83193 112.185 6.50272 115.42 6.48115C118.785 6.45959 120.747 9.00446 120.747 12.2179C120.747 15.5176 118.655 17.9762 115.313 17.9547ZM111.754 10.622C111.754 13.1884 113.264 17.0489 116.326 17.0489C118.03 17.0489 118.957 15.6902 118.957 13.6197C118.957 10.7514 117.189 7.32226 114.644 7.30069C112.789 7.30069 111.754 8.6594 111.754 10.622Z" fill="#D3208B"></path>
<path d="M128.835 16.5744C127.994 17.1998 126.678 17.9547 125.277 17.9547C123.228 17.9547 122.042 16.6175 122.042 13.8786V9.73775C122.042 9.09075 121.804 8.61628 121.287 8.22808L120.877 7.92615C120.791 7.86145 120.747 7.77518 120.747 7.66735C120.747 7.55951 120.791 7.49481 120.898 7.47324L123.745 6.65371C123.832 6.63214 123.918 6.63214 124.004 6.63214C124.069 6.63214 124.112 6.67528 124.112 6.76154V13.9001C124.112 15.9058 124.651 16.9195 125.988 16.9195C126.98 16.9195 127.972 16.3803 128.706 15.8627C129.202 15.5392 129.439 15.0216 129.439 14.353V9.73775C129.439 9.09075 129.202 8.61628 128.684 8.22808L128.274 7.92615C128.188 7.86145 128.145 7.77518 128.145 7.66735C128.145 7.55951 128.188 7.49481 128.296 7.47324L131.143 6.65371C131.229 6.63214 131.315 6.63214 131.401 6.63214C131.488 6.63214 131.531 6.67528 131.531 6.76154V15.0647C131.531 15.6902 131.79 16.1646 132.35 16.4881L132.674 16.6822C132.782 16.7469 132.825 16.8116 132.825 16.9195C132.825 17.0489 132.782 17.1351 132.652 17.1567L130.604 17.8037C130.517 17.8253 130.409 17.8469 130.345 17.8469C130.258 17.8469 130.194 17.8037 130.172 17.739L129.827 16.8332C129.698 16.5097 129.547 16.3587 129.331 16.3587C129.18 16.3587 129.029 16.4234 128.835 16.5744Z" fill="#D3208B"></path>
<path d="M134.18 14.5687C134.568 16.1216 135.56 17.2646 137.285 17.2646C138.363 17.2646 139.83 16.8333 139.83 15.604C139.83 12.9512 133.619 13.0159 133.619 9.45743C133.619 7.66739 135.085 6.52435 137.415 6.52435C138.428 6.52435 139.571 6.76159 140.714 7.23606C141.275 7.47329 141.448 7.92619 141.167 8.50849L140.671 9.58683C140.628 9.6731 140.585 9.69466 140.477 9.69466C140.391 9.69466 140.326 9.65153 140.304 9.56526C139.938 8.07716 138.558 7.21449 137.091 7.21449C135.862 7.21449 135.107 7.83992 135.107 8.72416C135.107 11.3769 141.793 11.4416 141.793 14.8491C141.793 16.7901 139.722 17.9547 137.177 17.9547C135.926 17.9547 134.654 17.6528 133.748 17.2646C133.187 17.0274 133.015 16.5745 133.274 15.9706L133.834 14.5687C133.878 14.4825 133.942 14.4393 134.029 14.4393C134.093 14.4393 134.158 14.4825 134.18 14.5687Z" fill="#D3208B"></path>
<path d="M144.82 11.2259H148.896C149.564 11.2259 149.866 10.9024 149.78 10.2985C149.521 8.83199 148.68 7.25762 146.825 7.25762C144.992 7.25762 144.065 8.48693 143.892 10.2985C143.849 10.9024 144.173 11.2259 144.82 11.2259ZM150.945 11.916H144.863C144.237 11.916 143.935 12.2395 144.108 12.8434C144.647 15.1942 146.286 16.747 148.508 16.747C149.78 16.747 150.707 16.251 151.139 15.9275C151.311 15.8196 151.441 15.8196 151.57 15.9706C151.7 16.1 151.678 16.251 151.527 16.4019C150.815 17.0705 149.521 17.9547 147.472 17.9547C144.302 17.9547 142.124 15.7549 142.124 12.2611C142.124 8.87513 144.173 6.52435 147.386 6.52435C150.06 6.52435 151.743 8.29283 151.894 10.9887C151.937 11.571 151.592 11.916 150.945 11.916Z" fill="#D3208B"></path>
<path d="M14.1924 0.393261C14.086 0.221663 14.2094 0 14.4113 0H16.5297C17.695 0 18.6396 0.944627 18.6396 2.10988V23.0638C18.6396 23.7411 18.8416 24.403 19.2198 24.9649C19.3212 25.1156 19.2132 25.3186 19.0314 25.3186H14.3754C14.1938 25.3186 14.0861 25.1156 14.1879 24.9653C14.5684 24.4032 14.7718 23.7401 14.7718 23.0613V2.42839C14.7718 1.70932 14.5711 1.00451 14.1924 0.393261Z" fill="#D3208B"></path>
<path d="M21.9286 13.0526C21.8223 12.881 21.9457 12.6593 22.1476 12.6593H24.266C25.4312 12.6593 26.3758 13.6039 26.3758 14.7692V23.0646C26.3758 23.7419 26.5778 24.4038 26.956 24.9657C27.0575 25.1165 26.9494 25.3194 26.7677 25.3194H22.1116C21.93 25.3194 21.8223 25.1164 21.9241 24.9661C22.3046 24.4041 22.508 23.7409 22.508 23.0622V15.0877C22.508 14.3686 22.3074 13.6638 21.9286 13.0526Z" fill="#D3208B"></path>
<path d="M11.4731 0.39288C11.5793 0.221449 11.456 0 11.2543 0H9.14282C7.97756 0 7.03293 0.944628 7.03293 2.10988V10.5501C7.03293 11.7154 7.97756 12.66 9.14282 12.66H11.2968C11.4785 12.66 11.5863 12.4568 11.4844 12.3063C11.104 11.7445 10.9005 11.0816 10.9 10.4031L10.8942 2.42884C10.8937 1.70951 11.0942 1.00434 11.4731 0.39288Z" fill="#D3208B"></path>
<path d="M28.249 17.9644C28.249 17.7534 28.42 17.5824 28.631 17.5824H31.8827C32.7243 17.5824 33.4065 18.2646 33.4065 19.1062C33.4065 19.9477 32.7243 20.63 31.8827 20.63H28.631C28.42 20.63 28.249 20.4589 28.249 20.2479V17.9644Z" fill="#D3208B"></path>
<path d="M5.15749 5.3051C5.15749 5.09411 4.98645 4.92306 4.77546 4.92306H1.52381C0.682231 4.92306 0 5.60529 0 6.44687C0 7.28844 0.682231 7.97067 1.5238 7.97067H4.77546C4.98645 7.97067 5.15749 7.79963 5.15749 7.58863V5.3051Z" fill="#D3208B"></path>
</svg>
  </div>
</header>

<main class="container flex flex-col gap-4">
  <a class="button-link md gray flex flex-row gap-2 items-center" data-turbo="false" href="/">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none">
  <path d="M19 12H5.00002M5.00002 12L12 19M5.00002 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
    <span>Retour</span>
</a>
  <div class="flex flex-col gap-4">
  
<div class="flex flex-col">
  <div  class="flex flex-col md:flex-row gap-4 justify-between items-center">
    <h3 class="text-3xl leading-9 font-semibold text-gray-900">1. Choisis ton plan pour démarrer ton essai de 5 jours gratuit</h3>
    
  </div>

    <p class="text-base leading-7 text-gray-700 italic">L&#39;essai gratuit est sans engagement, et peut être annulé directement depuis l&#39;espace membre.</p>
</div>

  
<div
  data-controller="tabs"
  class="flex flex-col gap-4"
  data-tabs-active-class-value="bg-gray-100 text-gray-900 font-semibold"
  data-tabs-inactive-class-value="text-gray-500 hover:text-gray-700"
  data-tabs-default-tab-value="complete_access"
>
  <!-- Tab buttons -->
  <div class="justify-center flex flex-row gap-1 items-center overflow-x-auto whitespace-nowrap scroll-smooth">
      <button 
        id="complete_access"
        class="cursor-pointer px-3 py-2 rounded-md text-sm leading-5 font-semibold bg-gray-100 text-gray-900 font-semibold"
        data-tabs-target="btn"
        data-action="click->tabs#select"
      >
        Accès complet
      </button>
      <button 
        id="recipes_only"
        class="cursor-pointer px-3 py-2 rounded-md text-sm leading-5 font-semibold text-gray-500 hover:text-gray-700"
        data-tabs-target="btn"
        data-action="click->tabs#select"
      >
        Recettes uniquement
      </button>
  </div>

  <!-- Tab content -->
    <div data-tabs-target="tab" id="complete_access" >
      <div class="w-full flex flex-col gap-3">
  <div class="flex flex-row gap-2 w-full overflow-x-auto" >
      <span class="badge pill pink">Accès à 400+ recettes </span>
      <span class="badge pill pink">Accès aux cours et formations </span>
      <span class="badge pill pink">Accès aux replays </span>
      <span class="badge pill pink">Accès à la communauté privée </span>
      <span class="badge pill pink">Accès à toutes les mises à jour </span>
  </div>

    
<div class="bg-white shadow-sm shadow-[#0A0D121A] rounded-2xl relative z-30 p-4 flex flex-col gap-3">
  <div class="flex flex-row items-start justify-between gap-4">
    <h2 class="text-xl leading-7 font-bold text-gray-900">Abonnement 3 ans</h2>

      <span class="badge pill md bg-gradient-to-r from-brand-100 to-brand-200 border-0 text-gray-900 font-semibold">
        Réduction de 62%
      </span>
  </div>

  <div class="flex flex-col gap-1">
      <p class="text-sm leading-5 text-gray-600 italic">revient à</p>

    <div class="flex flex-row gap-1 items-baseline flex-wrap">
      <span class="text-3xl leading-9 font-bold text-gray-900">
        11.03€
      </span>

        <span class="text-xl leading-7 text-gray-600">/mois</span>

    </div>
  </div>

    <p class="text-base leading-6 text-gray-600">
      soit 397€ pour 3 ans (prélevé en une fois) au lieu de 1044€
    </p>

    <a class="button secondary lg w-full" data-turbo-stream="true" href="/subscribe?page=user&amp;price_id=price_1QXjEJBba0qV9TdYHM4tPKG2">
      Je choisis cet abonnement
</a>
    <p class="text-base leading-6 text-gray-600 italic">
      Essai de 5 jours gratuit sans engagement
    </p>

    <p class="text-base leading-6 text-gray-600">
      Renouvellement automatique annulable 397€/3 ans
    </p>
</div>
    
<div class="bg-white shadow-sm shadow-[#0A0D121A] rounded-2xl relative z-30 p-4 flex flex-col gap-3">
  <div class="flex flex-row items-start justify-between gap-4">
    <h2 class="text-xl leading-7 font-bold text-gray-900">Abonnement annuel</h2>

      <span class="badge pill md bg-gradient-to-r from-brand-100 to-brand-200 border-0 text-gray-900 font-semibold">
        Réduction de 50%
      </span>
  </div>

  <div class="flex flex-col gap-1">
      <p class="text-sm leading-5 text-gray-600 italic">revient à</p>

    <div class="flex flex-row gap-1 items-baseline flex-wrap">
      <span class="text-3xl leading-9 font-bold text-gray-900">
        14.5€
      </span>

        <span class="text-xl leading-7 text-gray-600">/mois</span>

    </div>
  </div>

    <p class="text-base leading-6 text-gray-600">
      soit 174€ pour an (prélevé en une fois) au lieu de 348€
    </p>

    <a class="button secondary lg w-full" data-turbo-stream="true" href="/subscribe?page=user&amp;price_id=price_1PAomMBba0qV9TdYADOCNNB6">
      Je choisis cet abonnement
</a>
    <p class="text-base leading-6 text-gray-600 italic">
      Essai de 5 jours gratuit sans engagement
    </p>

    <p class="text-base leading-6 text-gray-600">
      Renouvellement automatique annulable 174€/an
    </p>
</div>
    
<div class="bg-white shadow-sm shadow-[#0A0D121A] rounded-2xl relative z-30 p-4 flex flex-col gap-3">
  <div class="flex flex-row items-start justify-between gap-4">
    <h2 class="text-xl leading-7 font-bold text-gray-900">Abonnement trimestriel</h2>

      <span class="badge pill md bg-gradient-to-r from-brand-100 to-brand-200 border-0 text-gray-900 font-semibold">
        Réduction de 21%
      </span>
  </div>

  <div class="flex flex-col gap-1">
      <p class="text-sm leading-5 text-gray-600 italic">revient à</p>

    <div class="flex flex-row gap-1 items-baseline flex-wrap">
      <span class="text-3xl leading-9 font-bold text-gray-900">
        23.0€
      </span>

        <span class="text-xl leading-7 text-gray-600">/mois</span>

    </div>
  </div>

    <p class="text-base leading-6 text-gray-600">
      soit 69€ pour trimestre (prélevé en une fois) au lieu de 87€
    </p>

    <a class="button secondary lg w-full" data-turbo-stream="true" href="/subscribe?page=user&amp;price_id=price_1PAomBBba0qV9TdYDFu1MiLa">
      Je choisis cet abonnement
</a>
    <p class="text-base leading-6 text-gray-600 italic">
      Essai de 5 jours gratuit sans engagement
    </p>

    <p class="text-base leading-6 text-gray-600">
      Renouvellement automatique annulable 69€/trimestre
    </p>
</div>
    
<div class="bg-white shadow-sm shadow-[#0A0D121A] rounded-2xl relative z-30 p-4 flex flex-col gap-3">
  <div class="flex flex-row items-start justify-between gap-4">
    <h2 class="text-xl leading-7 font-bold text-gray-900">Abonnement mensuel</h2>

  </div>

  <div class="flex flex-col gap-1">
      <p class="text-sm leading-5 text-gray-600 italic">revient à</p>

    <div class="flex flex-row gap-1 items-baseline flex-wrap">
      <span class="text-3xl leading-9 font-bold text-gray-900">
        29.0€
      </span>

        <span class="text-xl leading-7 text-gray-600">/mois</span>

    </div>
  </div>


    <a class="button secondary lg w-full" data-turbo-stream="true" href="/subscribe?page=user&amp;price_id=price_1PAolnBba0qV9TdY3KVO5Tem">
      Je choisis cet abonnement
</a>
    <p class="text-base leading-6 text-gray-600 italic">
      Essai de 5 jours gratuit sans engagement
    </p>

    <p class="text-base leading-6 text-gray-600">
      Renouvellement automatique annulable 29€/mois
    </p>
</div>
</div>
    </div>
    <div data-tabs-target="tab" id="recipes_only" hidden>
      <div class="w-full flex flex-col gap-3">
  <div class="flex flex-row gap-2 w-full overflow-x-auto" >
      <span class="badge pill pink">Accès à 400+ recettes </span>
  </div>

    
<div class="bg-white shadow-sm shadow-[#0A0D121A] rounded-2xl relative z-30 p-4 flex flex-col gap-3">
  <div class="flex flex-row items-start justify-between gap-4">
    <h2 class="text-xl leading-7 font-bold text-gray-900">Abonnement mensuel</h2>

  </div>

  <div class="flex flex-col gap-1">
      <p class="text-sm leading-5 text-gray-600 italic">revient à</p>

    <div class="flex flex-row gap-1 items-baseline flex-wrap">
      <span class="text-3xl leading-9 font-bold text-gray-900">
        7.9€
      </span>

        <span class="text-xl leading-7 text-gray-600">/mois</span>

    </div>
  </div>


    <a class="button secondary lg w-full" data-turbo-stream="true" href="/subscribe?page=user&amp;price_id=price_1PptwvBba0qV9TdYe30axPgY">
      Je choisis cet abonnement
</a>

    <p class="text-base leading-6 text-gray-600">
      Renouvellement automatique annulable 7.9€/mois
    </p>
</div>
</div>
    </div>
</div>


  <div class="mx-auto text-center pb-4">
    <p class="text-sm leading-8 text-center text-gray-950">
      * Les prix affichés sont TTC. Les abonnements peuvent être annulés à tout moment avant leur date de reconduction automatique.
    </p>
  </div>
</div>

  <div class="h-10"></div>
</main>

<script type="text/javascript">
  setTimeout(() => {
    const pageTitle = document.querySelector("#active-section");
    if (pageTitle) {
      pageTitle.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  }, 500);
</script>
</template></turbo-stream>