feat: create Partnership and Blog functional components

This commit is contained in:
hkiett265
2026-04-14 11:40:55 +07:00
parent ad68b7d8c4
commit 4bfad8481b
10 changed files with 511 additions and 0 deletions

View File

@@ -0,0 +1,37 @@
export default function NewsletterWidget() {
return (
<div className="bg-brand-blue rounded-xl p-8 text-white shadow-hover relative overflow-hidden folder-tab">
<div className="relative z-10">
<div className="blog-widget-title font-bold mb-3">Stay Informed</div>
<p className="text-sm text-brand-light/80 mb-6 leading-relaxed ">
Subscribe to our weekly newsletter for the latest research updates, campus news, and upcoming events.
</p>
<form className="space-y-4">
<div>
<input
type="email"
placeholder="Enter your email address"
className="w-full px-4 py-3 mt-4 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/50 focus:outline-none focus:border-white focus:ring-1 focus:ring-white text-sm"
required
/>
</div>
<button
type="submit"
className="w-full py-3 bg-white text-brand-blue rounded-lg font-bold hover:bg-gray-50 transition-colors text-sm shadow-sm"
>
Subscribe Now
</button>
</form>
<p className="text-xs text-brand-light/60 mt-4 text-center">
By subscribing, you agree to our{" "}
<a href="#" style={{ color: "inherit", textDecoration: "underline" }}>Privacy Policy</a>.
</p>
</div>
{/* Decorative background element */}
<div className="absolute -bottom-12 -right-12 text-white/5 text-9xl">
<i className="far fa-envelope"></i>
</div>
</div>
);
}