import Link from "next/link";

export default function Hero() {
  return (
    <section className="relative min-h-screen flex items-center justify-center px-4 pt-16">
      <div className="absolute inset-0 overflow-hidden">
        <div className="absolute inset-0 animate-gradient-bg" style={{ background: "linear-gradient(270deg, rgba(6,182,212,0.1), transparent 50%, rgba(139,92,246,0.07))" }} />
        <div className="absolute top-1/4 left-1/2 -translate-x-1/2 w-[800px] h-[800px] bg-cyan-500/5 rounded-full blur-3xl" />
        <div className="absolute top-1/3 left-1/4 w-[400px] h-[400px] bg-cyan-600/5 rounded-full blur-2xl" />
        <div className="absolute bottom-1/4 right-1/3 w-[350px] h-[350px] bg-purple-600/4 rounded-full blur-2xl" />
      </div>
      <div className="relative z-10 max-w-4xl mx-auto text-center">
        <p className="text-cyan-400 font-medium tracking-widest uppercase text-sm mb-6">Witaj w przyszłości biznesu</p>
        <h1 className="text-5xl md:text-7xl font-bold text-white mb-6 leading-tight">
          Agenty AI dla firm<br />
          <span className="text-cyan-400 text-glow">Automatyzacja procesów biznesowych</span>
        </h1>
        <p className="text-gray-300 text-xl md:text-2xl max-w-2xl mx-auto mb-10 leading-relaxed">
          Wdrażamy dedykowane rozwiązania AI dopasowane do potrzeb Twojej firmy. Zwiększ efektywność o 300% dzięki inteligentnej automatyzacji.
        </p>
        <Link
          href="#kontakt"
          className="inline-block bg-cyan-600 hover:bg-cyan-500 text-white font-semibold px-8 py-4 rounded-full glow-cyan glow-cyan-hover transition-all text-lg"
        >
          Bezpłatna Konsultacja AI
        </Link>
      </div>
    </section>
  );
}
