src/routes/contact/+page.svelte

@@ -60,6 +60,11 @@
         gap: 1em 1em;
         width: 100%;
     }
+
+    .g-recaptcha {
+        width: fit-content;
+        overflow: hidden;
+    }
 </style>
 
 <Card>
@@ -81,6 +86,10 @@
             </div>
             <input class="button" type="submit" value="Send" />
             <input type="hidden" name="redirectTo" value="https://luke-else.co.uk/contact?sent=true">
+
+            <!-- reCAPTCHA integration -->
+            <div class="g-recaptcha" data-sitekey="6Lc3NgwrAAAAAKBh-ALiEnNfkYR4Wq4TLtH5DYEL"></div>
+            <script src="https://www.google.com/recaptcha/api.js" async defer></script>
         </form>
     </div>
     <div slot="footer">