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