export default function MainIntroBlock() {
  return (
    <div className="col-span-12 lg:col-span-8 bento-item rounded-[24px] p-10 lg:p-16 flex flex-col justify-start pt-12 relative overflow-hidden">
      <div className="absolute top-0 right-0 w-64 h-64 bg-brand-light rounded-full blur-3xl opacity-50 -translate-y-1/2 translate-x-1/4"></div>
      <div className="relative z-10">

        {/* Badge */}
        <div className="inline-flex items-center gap-2 mb-6">
          <span className="w-8 h-[2px] bg-brand-accent"></span>
          <span className="text-sm font-semibold text-brand-blue uppercase tracking-wider">Global Network</span>
        </div>

        {/* Heading — dùng div tránh main.css override h1 */}
        <div className="ps-heading text-brand-blue tracking-tight mb-8">
          Global <br />Partnerships
        </div>

        {/* Description */}
        <div className="space-y-4 max-w-xl mb-10">
          <p className="text-lg text-ui-muted leading-relaxed font-medium">
           [We at Université Libérale de Paris believe that research and liberal arts education thrive through global collaboration.]
          </p>
          <p className="text-lg text-ui-muted leading-relaxed">
            [By bridging international institutions and industry leaders, we create opportunities for our students and faculty to engage in transformative academic exchanges.]
          </p>
        </div>

        {/* Button */}
        <button
          className="px-5 py-2 bg-white border border-ui-border text-brand-blue text-xs font-semibold transition-all duration-300 flex items-center gap-2 ps-explore-btn"
          style={{ borderRadius: "20px" }}
        >
          Explore Directory <i className="fas fa-arrow-right text-xs"></i>
        </button>

      </div>
    </div>
  );
}
