1. {/* FORM CONTAINER */}
2.         <form
3.            
4.           ref={form}
5.           className="h-2/3 overflow-scroll lg:h-full lg:w-1/2 bg-red-50 rounded-xl text-xl flex flex-col gap-8 justify-center p-12"
6.         >
7.           <span>Dear Nomrota,</span>
8.           <textarea
9.             rows={5}
10.             className="bg-red-500 h-[64px] border-b-2 border-b-black outline-none resize-none  lg:min-h-64px"
11.             name="user_message"
12.           />
13.  
14.           <span>My mail address is:</span>
15.           <input
16.             name="user_email"
17.             type="text"
18.             className="bg-transparent border-b-2 border-b-black outline-none"
19.           />
20.           <span>Regards</span>
21.           <button className="bg-purple-200 rounded font-semibold text-gray-600 p-4">
22.             Send
23.           </button>
24.           {success && (
25.             <span className="text-green-600 font-semibold">
26.               Your message has been sent successfully!
27.             </span>
28.           )}
29.           {error && (
30.             <span className="text-red-600 font-semibold">
31.               Something went wrong!
32.             </span>
33.           )}
34.         </form>