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>
  );
}
