import closingImage from "@/assets/closing-venue.jpg";

export const ClosingSection = () => {
  return (
    <section className="relative py-24 md:py-32 overflow-hidden">
      {/* Background Image */}
      <div className="absolute inset-0 z-0">
        <img
          src={closingImage}
          alt="Espaço Só Folia completo"
          className="w-full h-full object-cover"
        />
        <div className="absolute inset-0 bg-gradient-to-t from-foreground/80 via-foreground/50 to-foreground/30" />
      </div>

      {/* Content */}
      <div className="relative z-10 container mx-auto px-6 text-center">
        <div className="max-w-3xl mx-auto">
          <h2 className="font-display font-extrabold text-3xl md:text-5xl text-white mb-6">
            Só Folia
          </h2>
          <p className="text-xl md:text-2xl text-white/90 font-light">
            O lugar certo para celebrar momentos inesquecíveis
          </p>
        </div>
      </div>
    </section>
  );
};
