import Link from "next/link";

const HeroSection = () => {
  return (
    <section id="hero-banner" className="hero-home">
      <div className="hero-home__overlay">
        <img
          src="https://images.unsplash.com/photo-1541339907198-e08756dedf3f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80"
          alt="Paris University Campus"
          className="hero-home__bg-img"
        />
        <div className="hero-home__gradient" />
      </div>

      <div className="hero-home__container">
        <div className="hero-home__content">
          <div className="hero-home__badge">
            <span className="hero-home__badge-dot" />
            <span className="hero-home__badge-text">Leading Research Institution</span>
          </div>

          <h1 className="hero-home__title">
            Advancing Knowledge in the Heart of Paris
          </h1>

          <p className="hero-home__desc">
            A premier liberal arts and research university dedicated to fostering
            interdisciplinary innovation, global partnerships, and academic excellence.
          </p>

          <div className="hero-home__actions">
            <button className="hero-home__btn hero-home__btn--primary">
              Explore Research
              <i className="fa-solid fa-arrow-right"></i>
            </button>
            <button className="hero-home__btn hero-home__btn--secondary">
              Partner With Us
            </button>
          </div>
        </div>
      </div>
    </section>
  );
};

export default HeroSection;