---
import Public from '../layouts/Public.astro';
import RoadmapVote from '../components/RoadmapVote';
import RequestFeature from '../components/RequestFeature';
---

<Public title="Roadmap - IMPHNEN">
  <div class="pt-4 md:pt-6 pb-56 bg-gray-50 min-h-screen mx-4 lg:mx-0">
    <!-- Feature Request CTA -->
    <div class="bg-primary-500 rounded-xl px-4 py-8 md:p-8 mb-8 text-center mx-auto max-w-7xl">
      <div class="max-w-3xl mx-auto">
        <h1 class="text-2xl md:text-3xl font-bold text-white mb-3">
          Punya Ide Bagus untuk IMPHNEN?
        </h1>
        <p class="text-white/90 mb-6 text-lg text-balance">
          Bagikan ide fitur yang kamu inginkan dan vote untuk membuatnya nyata!
        </p>
        <RequestFeature client:idle />
      </div>
    </div>

    <RoadmapVote client:visible />
  </div>
</Public>