forked from UKSOURCE/hailearning.edu.vn
feat: create Partnership and Blog functional components
This commit is contained in:
37
app/components/blog/NewsletterWidget.tsx
Normal file
37
app/components/blog/NewsletterWidget.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user