<section class="n7-hero grid relative bg-cover bg-center bg-no-repeat min-h-[25rem] h-full md:min-h-[33rem] lg:h-[85vh] md:max-h-[66rem] lg:max-h-[45rem]" style="background-image: url('/images/hero-background.jpg');">
    <div class="overlay bg-black/10 row-span-full col-span-full"></div>
    <div class="xl:container grid gap-6 lg:gap-10 items-center content-center px-8 py-12 n7-content-inverse row-span-full col-span-full lg:pr-[25%] xl:pr-[33%]">
        <h1 class="text-5xl md:text-6xl font-regular mb-4 text-shadow">
            <span class="block pb-12 md:pb-8 w-full max-w-[412px]"><img src="/images/logo-artea-transparent.svg" width="412" height="94"><span class="sr-only">artea</span></span>
            <span class="block">Agenzia Regionale Toscana per le Erogazioni in Agricoltura</span>
        </h1>
        <p class="text-md md:text-xl text-shadow">
            Dal 1999 eroga gli aiuti, i premi e i contributi previsti all’insieme degli operatori del settore agricolo, grazie ai Fondi europei FEAGA (Fondo Europeo Agricolo di Garanzia) e FEASR (Fondo Europeo Agricolo per lo Sviluppo Rurale).
        </p>
        <!-- HERO ACTIONS -->
        <div class="n7-hero__actions">

            <a href="#" class="n7-btn 
    n7-btn--outline bg-white border-0">
                Scopri gli aiuti

                <svg class="inline-block align-middle fill-current w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6 ml-2 transition-all duration-200 ease-out transform group-hover:translate-x-1" aria-hidden="true" focusable="false" role="img">
                    <use xlink:href="../../icons.svg#mini--arrow-right" />
                </svg>

            </a>

        </div>
        <!-- /END HERO ACTIONS -->
    </div>
</section>
<section class="n7-hero grid relative bg-cover bg-center bg-no-repeat min-h-[25rem] h-full md:min-h-[33rem] lg:h-[85vh] md:max-h-[66rem] lg:max-h-[45rem]" style="background-image: url('/images/hero-background.jpg');">
    <div class="overlay bg-black/10 row-span-full col-span-full"></div>
    <div class="xl:container grid gap-6 lg:gap-10 items-center content-center px-8 py-12 n7-content-inverse row-span-full col-span-full lg:pr-[25%] xl:pr-[33%]">
        <h1 class="text-5xl md:text-6xl font-regular mb-4 text-shadow">
            <span class="block pb-12 md:pb-8 w-full max-w-[412px]"><img src="/images/logo-artea-transparent.svg" width="412" height="94"><span class="sr-only">artea</span></span>
            <span class="block">Agenzia Regionale Toscana per le Erogazioni in Agricoltura</span>
        </h1>
        <p class="text-md md:text-xl text-shadow">
            Dal 1999 eroga gli aiuti, i premi e i contributi previsti all’insieme degli operatori del settore agricolo, grazie ai Fondi europei FEAGA (Fondo Europeo Agricolo di Garanzia) e FEASR (Fondo Europeo Agricolo per lo Sviluppo Rurale).
        </p>
        <!-- HERO ACTIONS -->
        <div class="n7-hero__actions">
            {% render '@button--outline',{ href:'#', label:'Scopri gli aiuti', classes: 'bg-white border-0'}, true %}
        </div>
        <!-- /END HERO ACTIONS -->
    </div>
</section>
{
  "mainHidden": true,
  "hasBkg": true,
  "bkgImage": "/images/bkg-hero-iontoretina.jpg",
  "bkgOverlay": "linear-gradient(90deg, rgba(255, 255, 255, 0.8) 43.16%, rgba(255, 255, 255, 0) 70.17%)",
  "reverseOrder": true,
  "title": "IONTORETINA",
  "titleClass": "n7-heading-3 xl:n7-heading-1 !font-bold",
  "body": "Un nuovo trattamento per le <strong>maculopatie</strong> e la <strong>degenerazione maculare legata all'età</strong>",
  "bodyClass": "n7-body-lg mt-3 xl:text-3xl md:mt-5 md:max-w-3xl text-teal-500",
  "component": {
    "handle": "image",
    "context": {
      "src": "/images/img-hero-iontoretina.png",
      "class": "w-full sm:max-w-[454px] h-64 sm:h-auto object-cover"
    }
  }
}

No notes defined.