next-cochise/src/components/NewsletterForm.tsx

38 lines
1.1 KiB
TypeScript

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