ProxMenux/web/components/support-project.tsx

import { Button } from "@/components/ui/button"
import { Star } from "lucide-react"

export default function SupportProject() {
  return (
    <section className="py-16 bg-gray-900">
      <div className="container mx-auto px-4 text-center">
        <h2 className="text-3xl font-bold mb-6">Support the Project!</h2>
        <p className="text-xl mb-8">
          If you find <span className="font-bold">ProxMenux</span> useful, consider giving it a ⭐ on GitHub to help
          others discover it!
        </p>
        <div className="flex justify-center items-center">
          <Button
            className="bg-yellow-400 text-gray-900 hover:bg-yellow-500"
            onClick={() => window.open("https://github.com/MacRimi/ProxMenux", "_blank")}
          >
            <Star className="mr-2" />
            Star on GitHub
          </Button>
        </div>
      </div>
    </section>
  )
}