forked from UKSOURCE/hailearning.edu.vn
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
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;
|