 dark:text-gray-400 max-w-2xl mx-auto text-lg">
        Discover the latest features created by our community members. Try them out and provide feedback!
      </p>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"
         role="list">
      <!-- Get a Grade Feature Card -->
      <div class="feature-card feature-card-hover bg-white dark:bg-gray-800 rounded-xl overflow-hidden relative h-full flex flex-col transform transition-transform duration-400 ease-in-out hover:shadow-lg