'use client'; import React, { useState, useRef } from 'react'; import { useForm } from 'react-hook-form'; import { zodResolver } from '@hookform/resolvers/zod'; import z from 'zod'; import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from './ui/form'; import { Input } from './ui/input'; import links from '@/data/links'; import ReCaptcha from 'react-google-recaptcha'; const formSchema = z.object({}); export default function ContactForm() { const [captchaToken, setCaptchaToken] = useState(); const captchaRef = useRef(null); const onSubmit = async (data: z.infer) => { try { if (!captchaToken) { throw new Error('Please check the captcha'); } await sendContactForm({ ...data, captchaToken, }); captchaRef.current?.reset(); toast.success('Form submitted successfully!'); form.reset(); setCaptchaToken(undefined); } catch (error: Error | unknown) { if (error instanceof Error) { toast.error(error.message); } else { toast.error('Failed to submit the form. Please try again later.'); } } }; return (

); }

The Entelligo Blog

Guide to Implementing Google reCAPTCHA

Amit Pradhan

Developer at Entelligo

14 Sep, 2025

Modern JavaScript Best Practices

Sujeet Mishra

Director at Entelligo

10 Sep, 2025

How to Setup Signed Commit in Git

Amit Pradhan

Developer at Entelligo

7 Sep, 2025