import Link from "next/link";

const FunZoneCta = () => {
  return (
    <div className="flex flex-col items-center justify-center gap-4 p-4 w-full">
      <div className="glass-effect glossy-effect bottom rounded-2xl p-8 text-center max-w-lg w-full">
        <h3 className="text-white text-2xl font-bold mb-2">
          Wanna see some fun stuff?
        </h3>
        <p className="text-white/50 mb-6">
          Games, tools, and toys I built for fun
        </p>
        <Link
          href="/fun-zone"
          className="relative overflow-hidden inline-flex items-center gap-2 bg-yellow-400 hover:bg-yellow-500 text-black font-bold px-7 py-3 rounded-full transition-colors gloss-highlight"
        >
          Enter the Fun Zone
        </Link>
      </div>
    </div>
  );
};

export default FunZoneCta;