forked from UKSOURCE/hailearning.edu.vn
40 lines
1.8 KiB
TypeScript
40 lines
1.8 KiB
TypeScript
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>
|
|
);
|
|
}
|