1import { useState, useRef } from 'react';
2import Link from 'next/link';
3import emailjs from '@emailjs/browser';
4import toast, { Toaster } from 'react-hot-toast';
5import CodeBlock from '../components/CodeBlock';
6
7const Contacts = () => {
8    const form = useRef();
9    const [contactForm, setContactForm] = useState({
10        user_name: '',
11        user_email: '',
12        message: '',
13    });
14
15    const handleChange = (e) => {
16        setContactForm({ ...contactForm, [e.target.name]: e.target.value });
17    };
18
19    const sendEmail = async (e) => {
20        const { user_name, user_email, message } = contactForm;
21        e.preventDefault();