Contact Form 7 Alternative for Next.js & Astro

// Using React Hook Form with API Route
'use client';
import { useForm } from 'react-hook-form';

export function ContactForm() {
  const { register, handleSubmit } = useForm();
  
  const onSubmit = async (data) => {
    await fetch('/api/contact', {
      method: 'POST',
      body: JSON.stringify(data),
    });
  };
  
  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <input {...register('name')} placeholder="Name" />
      <input {...register('email')} type="email" />
      <textarea {...register('message')} />
      <button type="submit">Send</button>
    </form>
  );
}