38 lines
1.1 KiB
TypeScript
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 & Conditions</a> and{" "}
|
||
|
|
<a href="#">Privacy Policy</a>.
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
id="subscribe-result"
|
||
|
|
role="region"
|
||
|
|
aria-live="polite"
|
||
|
|
aria-atomic="true"
|
||
|
|
/>
|
||
|
|
</form>
|
||
|
|
);
|
||
|
|
}
|