<template>
  <section class="container py-24 bg-card">

    <div class="max-w-4xl mx-auto text-center space-y-6">

      <h2 class="text-3xl md:text-4xl font-bold">
        Future Support Options
      </h2>

      <p class="text-lg text-muted-foreground">
        Additional contribution methods will be introduced as the ecosystem matures.
      </p>

      <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">

        <div class="p-6 border rounded-lg">
          <h3 class="font-bold">GitHub Sponsors</h3>
          <p class="text-sm text-muted-foreground">Direct developer sponsorship</p>
        </div>

        <div class="p-6 border rounded-lg">
          <h3 class="font-bold">Lightning Network</h3>
          <p class="text-sm text-muted-foreground">Fast micro-donations</p>
        </div>

        <div class="p-6 border rounded-lg">
          <h3 class="font-bold">Recurring Support</h3>
          <p class="text-sm text-muted-foreground">Monthly contributions</p>
        </div>

      </div>

    </div>

  </section>
</template>