feat: create Partnership component and styles

app/components/partnership/MainIntroBlock.tsx

@@ -0,0 +1,39 @@
+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>
+  );
+}