forked from UKSOURCE/hailearning.edu.vn
feat: create Partnership component and styles
This commit is contained in:
26
app/components/partnership/NetworkHighlightBlock.tsx
Normal file
26
app/components/partnership/NetworkHighlightBlock.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
export default function NetworkHighlightBlock() {
|
||||
return (
|
||||
<div className="col-span-12 md:col-span-6 lg:col-span-4 bento-item ps-highlight-card rounded-[24px] p-10 flex flex-col justify-between text-white relative overflow-hidden">
|
||||
<div className="absolute bottom-0 right-0 w-48 h-48 bg-brand-accent rounded-full blur-2xl opacity-40 translate-y-1/4 translate-x-1/4"></div>
|
||||
<div className="relative z-10">
|
||||
|
||||
{/* Icon + Brand */}
|
||||
<div className="flex items-center gap-3 mb-12">
|
||||
<i className="fas fa-globe text-2xl text-brand-light"></i>
|
||||
<span className="font-bold text-xl tracking-tight">ULP Network</span>
|
||||
</div>
|
||||
|
||||
{/* Heading — dùng div tránh main.css override h2 */}
|
||||
<div>
|
||||
<div className="ps-subheading text-white font-bold leading-tight mb-4">
|
||||
Connect Across<br />Continents
|
||||
</div>
|
||||
<p className="text-brand-light opacity-90">
|
||||
150+ active academic agreements across 45 countries.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user