{{ define "main" }}
  <!-- Text content -->
  <article class="relative z-10 w-full">
    <!-- Curved headline using SVG -->
    <svg viewBox="25 0 450 300" class="mx-auto w-full drop-shadow-pink-400 drop-shadow-[0_0_6px]">
      <defs>
        <path id="curve" d="M 50 150 Q 250 10 450 150" />
      </defs>
      <text width="500">
        <textPath href="#curve" startOffset="50%" text-anchor="middle"
                  class="fill-pink-200 text-4xl font-bold font-serif uppercase">
          {{ .Title }}
        </textPath>
      </text>

      <!-- Subtext -->
      <text x="250" y="190" text-anchor="middle" class="fill-pink-200 text-3xl md:text-2xl font-bold font-serif">
        {{ .Params.Subtitle }}
      </text>
      <text x="250" y="225" text-anchor="middle" class="fill-pink-200 text-3xl md:text-2xl font-bold font-serif">
        {{ .Params.Location }}
      </text>
    </svg>
  </article>

  <article class="grid grid-cols-1 md:grid-cols-[1fr_300px] lg:grid-cols-[1fr_350px] gap-6">
    <section class="prose lg:prose-xl prose-invert backdrop-blur-xs shadow-xl/20 p-6 rounded-lg">
      {{ .Content }}
    </section>
    <lauti-calendar-list title="Nächste Bike Nights" group="2e2994eb-ae45-4297-a2f6-9f7948da784c" infos="name,location,time" link></lauti-calendar-list>
  </article>
{{ end }}