"use client";

export default function NewsletterForm() {
  return (
    <form onSubmit={(e) => e.preventDefault()} className="form" id="mailchimp">
      <div className="mb-20">Stay informed with our newsletter.</div>
      <div className="mb-20">
        <input
          placeholder="Enter your email"
          className="newsletter-field form-control input-md circle mb-10"
          type="email"
          pattern=".{5,100}"
          required
          aria-required="true"
        />
        <button
          type="submit"
          className="btn btn-mod btn-color btn-medium btn-circle btn-hover-anim form-control"
        >
          <span>Subscribe</span>
        </button>
      </div>
      <div className="form-tip">
        <i className="icon-info size-16" aria-hidden="true" />
        By sending the form you agree to the{" "}
        <a href="#">Terms &amp; Conditions</a> and{" "}
        <a href="#">Privacy Policy</a>.
      </div>
      <div
        id="subscribe-result"
        role="region"
        aria-live="polite"
        aria-atomic="true"
      />
    </form>
  );
}