1c:I[1309,["/_next/static/chunks/cbb0de10e971c85b.js","/_next/static/chunks/d9322b97a1607382.js"],"PortableText"] 1f:I[1309,["/_next/static/chunks/cbb0de10e971c85b.js","/_next/static/chunks/d9322b97a1607382.js"],"TOC"] 20:I[1309,["/_next/static/chunks/cbb0de10e971c85b.js","/_next/static/chunks/d9322b97a1607382.js"],"GraphComment"] 1d:T403,import type { DetailedHTMLProps, FormHTMLAttributes } from "react"; import styles from "./index.module.css"; interface FormProps extends DetailedHTMLProps< FormHTMLAttributes, HTMLFormElement > {} export const Form = ({ ...restProps }: FormProps) => (

Name

Message

</div>
    <button className={styles.button} type="submit">
      Send
    </button>
  </form>
);
1e:T4fb,import { useRef } from "react";
import type { FormEvent } from "react";
import emailjs from "@emailjs/browser";
import Head from "next/head";
import { Form } from "../components/Form";

const ContactUs = () => {
  const form = useRef(null);

return (
    <>
      <Head>
        <title>Contact Us</title>
        <link rel="icon" href="/favicon.ico" />
        <meta name="description" content="Contact us to get in touch with us" />
      </Head>
      <main>
        <h1>Contact Us</h1>
        <Form ref={form} onSubmit={sendEmail} />
      </main>
    </>
  );
};

export default ContactUs;
</article></body></html>

How to send emails from Nextjs without the Backend using EmailJs