From 1706012ad3443f95edfe1b597e7db9b09639873d Mon Sep 17 00:00:00 2001
From: ssbg04 <crischarlesgarcia345@gmail.com>
Date: Sat, 6 Jun 2026 20:35:30 +0800
Subject: [PATCH] fix: add recaptcha widget to frontend contact form

---
 src/app/(main)/page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/(main)/page.tsx b/src/app/(main)/page.tsx
index 9c3cb7f..cb6496e 100644
--- a/src/app/(main)/page.tsx
+++ b/src/app/(main)/page.tsx
@@ -262,11 +262,15 @@ export default async function Home() {
             </div>
 
             <form action="/api/contact" method="POST" className="email-form" id="contact-form">
-              <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" />
               <input type="text" name="name" id="form-name" placeholder="Name" required />
               <input type="email" name="email" id="form-email" placeholder="Your Email" required />
               <input type="text" name="subject" id="form-subject" placeholder="Subject" required />
               <textarea name="message" id="form-message" rows={5} placeholder="Message" required></textarea>
+              
+              {/* Google reCAPTCHA Widget */}
+              <div className="g-recaptcha" data-sitekey={recaptchaSiteKey} style={{ marginBottom: '15px' }}></div>
+              <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+
               <button type="submit" className="btn primary full-width" id="btn-send-message">Send Message</button>
             </form>
           </div>