templates/galilea/import/components/hero.twig line 1

  1. <div class="text-white bg-brand-50" {{ id ? ('id="' ~ id ~ '"')|raw }}>
  2.     <div class="container relative">
  3.         <canvas class="absolute inset-0 pointer-events-none size-full max-lg:h-3/5" x-rive="{{ footer_animation }}"></canvas>
  5.         <div class="flex flex-col gap-10 items-end lg:flex-row">
  6.             <div class="flex flex-col flex-none pb-12 mt-auto min-h-screen lg:pt-40 lg:pb-20 lg:basis-2/3" x-reveal:stagger>
  7.                 <h1 class="mt-auto text-4xl lg:text-7xl highlight-secondary-50 lg:leading-[1.1]">
  8.                     {{ title|raw }}
  9.                 </h1>
  11.                 <div class="flex gap-2 items-center mt-12 lg:inline-flex">
  12.                     {% include (baseIncludePath ? baseIncludePath : '') ~ 'components/ctas.twig' with {'ctas' : ctas, 'size' : 'btn-lg', 'dot': true} %}
  13.                 </div>
  14.             </div>
  16.             <div class="pb-20 text-xl text-center lg:text-xl lg:text-right leading-[1.5] lg:leading-[1.3]" x-reveal>
  17.                 <div>
  18.                     {{ text|raw }}
  19.                 </div>
  20.             </div>
  21.         </div>
  22.     </div>
  23. </div>