Merge pull request #106 from orama254/contact-form-backend

feat: Add contact form backend functionality

Author: orama254

.env.example

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_FORMSPREE_ID=
+NEXT_PUBLIC_RECAPTCHA_SITE_KEY=

.gitignore

@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel

package-lock.json

@@ -15,11 +15,14 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.7.3",
+    "@types/react-google-recaptcha": "^2.1.5",
     "next": "12.3.1",
     "react": "18.1.0",
-    "react-dom": "18.1.0"
+    "react-dom": "18.1.0",
+    "react-google-recaptcha": "^2.1.0"
   },
   "devDependencies": {
+    "@formspree/react": "^2.4.1",
     "@playwright/test": "1.27.1",
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@types/react": "18.0.21",

package.json

@@ -20,7 +20,7 @@ export default function ContactUs() {
   if (!screenWidth) return null;
 
   return (
-    <section id="contact-us" className="min-h-screen bg-white pb-20">
+    <section id="contact-us" className="bg-white pb-20">
       <h2 className="font-montserrat text-base uppercase w-fit mx-auto py-5">
         Contact us
       </h2>