diff --git a/app/(withNav)/layout.tsx b/app/(withNav)/layout.tsx
new file mode 100644
index 0000000..8e2053b
--- /dev/null
+++ b/app/(withNav)/layout.tsx
@@ -0,0 +1,16 @@
+import Footer from "@/components/footer"
+import Navbar from "@/components/navbar"
+
+export default function Layout({
+	children,
+}: Readonly<{
+	children: React.ReactNode
+}>) {
+	return (
+		<>
+			<Navbar />
+			{children}
+			<Footer />
+		</>
+	)
+}
diff --git a/app/page.tsx b/app/(withNav)/page.tsx
similarity index 86%
rename from app/page.tsx
rename to app/(withNav)/page.tsx
index c680bc2..9eda126 100644
--- a/app/page.tsx
+++ b/app/(withNav)/page.tsx
@@ -3,6 +3,7 @@ import About from "@/components/about"
 import Divider from "@/components/divider"
 import Skills from "@/components/skills"
 import Projects from "@/components/projects"
+import Contact from "@/components/contact"
 
 export default function Home() {
 	return (
@@ -14,6 +15,7 @@ export default function Home() {
 			<Divider />
 			<Projects />
 			<Divider />
+			<Contact />
 		</>
 	)
 }
diff --git a/app/api/v1/email/route.ts b/app/api/v1/email/route.ts
new file mode 100644
index 0000000..311a1a6
--- /dev/null
+++ b/app/api/v1/email/route.ts
@@ -0,0 +1,71 @@
+import {
+	successResponse,
+	optionsResponse,
+	badRequestResponse,
+	tooManyRequestsResponse,
+	internalServerErrorResponse,
+} from "@/helpers/apiHelper"
+import { NextRequest, NextResponse } from "next/server"
+import { sendEmail } from "@/utils/emailUtils"
+import rateLimit from "express-rate-limit"
+
+const limiter = rateLimit({
+	windowMs: 15 * 60 * 1000,
+	max: 100,
+	message: "Too many requests, please try again later.",
+})
+
+export async function POST(req: NextRequest, res: NextResponse) {
+	if (process.env.NODE_ENV !== "development") {
+		await new Promise((resolve, reject) => {
+			limiter(req, res, (result: any) => {
+				if (result instanceof Error) {
+					return tooManyRequestsResponse()
+				}
+				resolve(result)
+			})
+		})
+	}
+
+	try {
+		const { email, name, message, recaptchaToken } = await req.json()
+
+		if (!email || !name || !message || !recaptchaToken) {
+			return badRequestResponse("Missing required fields")
+		}
+
+		const recaptchaResponse = await fetch(
+			`https://www.google.com/recaptcha/api/siteverify`,
+			{
+				method: "POST",
+				headers: {
+					"Content-Type": "application/x-www-form-urlencoded",
+				},
+				body: `secret=${process.env.RECAPTCHA_SECRET_KEY}&response=${recaptchaToken}`,
+			}
+		)
+		const recaptchaData = await recaptchaResponse.json()
+
+		if (!recaptchaData.success) {
+			return badRequestResponse("reCAPTCHA verification failed")
+		}
+
+		await sendEmail({
+			to: process.env.CONTACT_EMAIL as string,
+			subject: `New message from ${name} - ${email}`,
+			text: message,
+		})
+
+		return successResponse("Email sent successfully")
+	} catch (e) {
+		console.error(e)
+		return internalServerErrorResponse()
+	}
+}
+
+export async function OPTIONS() {
+	return optionsResponse({
+		"Access-Control-Allow-Origin": "*",
+		"Access-Control-Allow-Methods": "POST, OPTIONS",
+	})
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 32e4ace..088ddbd 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from "next"
 import { GlobalStyle } from "@/styles/globalStyle"
-import Navbar from "@/components/navbar"
 import StyledComponentsRegistry from "@/lib/registry"
+import { ReCaptchaProvider } from "next-recaptcha-v3"
 import { K2D } from "next/font/google"
 
 const k2d = K2D({
@@ -22,6 +22,25 @@ export const metadata: Metadata = {
 	creator: "Frank Borisjuk",
 	publisher: "Frank Borisjuk",
 	keywords: ["Portfolio", "Personal", "Frank Borisjuk", "HangerThem"],
+	metadataBase: new URL("https://hangerthem.com"),
+	openGraph: {
+		title: "HangerThem",
+		siteName: "HangerThem",
+		description: "Personal portfolio of HangerThem (Frank Borisjuk)",
+		type: "website",
+		locale: "en_US",
+		alternateLocale: ["cs_CZ"],
+		countryName: "Czechia",
+		emails: ["f.borisjuk@hangerthem.com"],
+		url: "https://hangerthem.com",
+		determiner: "auto",
+		ttl: 604800,
+		audio: [],
+		faxNumbers: [],
+		images: [],
+		phoneNumbers: [],
+		videos: [],
+	},
 }
 
 export default function RootLayout({
@@ -30,15 +49,13 @@ export default function RootLayout({
 	children: React.ReactNode
 }>) {
 	return (
-		<StyledComponentsRegistry>
-			<html lang="en" className={k2d.className}>
-				<GlobalStyle />
-				<body>
-					<Navbar />
-
-					{children}
-				</body>
-			</html>
-		</StyledComponentsRegistry>
+		<html lang="en" className={k2d.className}>
+			<ReCaptchaProvider>
+				<StyledComponentsRegistry>
+					<GlobalStyle />
+					<body>{children}</body>
+				</StyledComponentsRegistry>
+			</ReCaptchaProvider>
+		</html>
 	)
 }
diff --git a/app/not-found.tsx b/app/not-found.tsx
new file mode 100644
index 0000000..06df291
--- /dev/null
+++ b/app/not-found.tsx
@@ -0,0 +1,68 @@
+"use client"
+
+import Link from "next/link"
+import styled from "styled-components"
+
+const Container = styled.div`
+	width: 100%;
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 2rem;
+`
+
+const Heading = styled.h2`
+	font-size: 3rem;
+	font-weight: 600;
+`
+
+const Paragraph = styled.p`
+	font-size: 1.2rem;
+	font-weight: 400;
+`
+
+const Button = styled(Link)`
+	padding: 0.5rem 0.75rem;
+	background-color: rgba(var(--primary), 0.8);
+	color: rgb(var(--white));
+	font-size: 1.2rem;
+	font-weight: 600;
+	border-radius: 0.25rem;
+	text-decoration: none;
+	cursor: pointer;
+	transition: background-color 0.2s ease-in-out;
+
+	&:hover {
+		background-color: rgba(var(--primary), 1);
+	}
+`
+
+const Layout = styled.div`
+	width: 100%;
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 2rem;
+`
+
+export default function NotFound() {
+	return (
+		<Layout>
+			<Container>
+				<Heading>404 - Page Not Found</Heading>
+				<Paragraph>
+					We can&apos;t seem to find the page you&apos;re looking for.
+				</Paragraph>
+				<Paragraph>
+					Please check the URL or click the button below to be redirected to the
+					home page.
+				</Paragraph>
+				<Button href="/">Go Home</Button>
+			</Container>
+		</Layout>
+	)
+}
diff --git a/components/about.tsx b/components/about.tsx
index f35927d..8c2b11b 100644
--- a/components/about.tsx
+++ b/components/about.tsx
@@ -1,6 +1,10 @@
 "use client"
 
 import styled, { keyframes } from "styled-components"
+import {
+	Container as PrestyledContainer,
+	Content as PrestyledContent,
+} from "@/styles/pageStyles"
 import Image from "next/image"
 import confetti from "canvas-confetti"
 import Link from "next/link"
@@ -17,64 +21,40 @@ const wave = keyframes`
 	}
 `
 
-const AboutContainer = styled.section`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 2rem;
-	gap: 2rem;
-	min-height: 100vh;
-
+const Container = styled(PrestyledContainer)`
 	@media (min-width: 768px) {
 		flex-direction: row;
-		align-items: center;
 		justify-content: space-between;
-		padding: 4rem;
 	}
 `
 
-const AboutContent = styled.div`
-	display: flex;
-	flex-direction: column;
-	gap: 2rem;
+const Content = styled(PrestyledContent)`
+	align-items: flex-start;
 
 	h2 {
 		font-size: 1.75rem;
-		margin-left: 2.5rem;
-		font-weight: 600;
-		position: relative;
+		padding-left: 2rem;
+
+		@media (min-width: 768px) {
+			padding-left: 2rem;
+			font-size: 2rem;
+		}
 
 		&::before {
 			content: "👋";
 			position: absolute;
-			left: -3rem;
+			left: 1.75rem;
 			transform-origin: 70% 70%;
 			animation: ${wave} 1s ease-in-out infinite;
-		}
-	}
 
-	p {
-		font-size: 1.2rem;
-		font-weight: 400;
-
-		a {
-			color: rgb(var(--primary));
-			font-weight: 500;
-			text-decoration: none;
-
-			&:hover {
-				text-decoration: underline;
+			@media (min-width: 768px) {
+				left: 3rem;
 			}
 		}
 	}
 
 	@media (min-width: 768px) {
 		width: 50%;
-
-		h2 {
-			font-size: 2.5rem;
-		}
 	}
 `
 
@@ -99,8 +79,8 @@ const AboutImage = styled.div`
 
 export default function About() {
 	return (
-		<AboutContainer id="about">
-			<AboutContent>
+		<Container id="about">
+			<Content>
 				<h2>Hi! My name is Frank! </h2>
 				<p>
 					Hey there! I&apos;m Frank Borisjuk, a software developer from Czechia
@@ -142,7 +122,7 @@ export default function About() {
 					Thanks for visiting, and feel free to reach out if you want to connect
 					or collaborate!
 				</p>
-			</AboutContent>
+			</Content>
 			<AboutImage>
 				<Image
 					src="/borisjuk_01.png"
@@ -162,6 +142,6 @@ export default function About() {
 					}}
 				/>
 			</AboutImage>
-		</AboutContainer>
+		</Container>
 	)
 }
diff --git a/components/contact.tsx b/components/contact.tsx
new file mode 100644
index 0000000..9fc159b
--- /dev/null
+++ b/components/contact.tsx
@@ -0,0 +1,156 @@
+"use client"
+
+import styled from "styled-components"
+import { useReCaptcha } from "next-recaptcha-v3"
+import { useCallback, useState } from "react"
+import { requestSendEmail } from "@/services/api-services/emailServices"
+import { Container, Content } from "@/styles/pageStyles"
+import { Instagram, Github, Discord, Linkedin } from "react-bootstrap-icons"
+import Link from "next/link"
+
+const ContactForm = styled.form`
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 1rem;
+	width: 100%;
+
+	input,
+	textarea {
+		width: 100%;
+		padding: 1rem;
+		border: 1px solid rgba(var(--white), 0.1);
+		background-color: rgba(var(--white), 0.1);
+		color: rgb(var(--white));
+		font-family: inherit;
+		outline: none;
+		border-radius: 0.25rem;
+
+		&:active,
+		&:focus {
+			border-color: rgb(var(--primary));
+		}
+	}
+
+	textarea {
+		height: 200px;
+		resize: none;
+	}
+
+	button {
+		padding: 0.5rem 0.75rem;
+		background-color: rgb(var(--primary), 0.8);
+		color: rgb(var(--white));
+		border: none;
+		cursor: pointer;
+		font-size: 1.2rem;
+		font-weight: 600;
+		font-family: inherit;
+		transition: background-color 0.2s ease-in-out;
+		border-radius: 0.25rem;
+
+		&:hover {
+			background-color: rgb(var(--primary));
+		}
+
+		&:disabled {
+			background-color: rgba(var(--primary), 0.5);
+			cursor: not-allowed;
+		}
+	}
+`
+
+const SocialMedia = styled.div`
+	display: flex;
+	gap: 1rem;
+`
+
+export default function Contact() {
+	const [data, setData] = useState({
+		name: "",
+		email: "",
+		message: "",
+	})
+	const [loading, setLoading] = useState(false)
+	const { executeRecaptcha } = useReCaptcha()
+
+	const handleSubmit = useCallback(
+		async (event: React.FormEvent) => {
+			event.preventDefault()
+			setLoading(true)
+			const recaptchaToken = await executeRecaptcha("form_submit")
+
+			const response = await requestSendEmail({ ...data, recaptchaToken })
+
+			if (response.status === 200) {
+				alert("Email sent successfully!")
+			} else {
+				alert("Failed to send email! Please try again later.")
+			}
+			setLoading(false)
+		},
+		[executeRecaptcha, data]
+	)
+
+	return (
+		<Container id="contact">
+			<Content>
+				<h2>☎️ Get in touch</h2>
+				<p>Feel free to reach out to me for any queries or just to say hi!</p>
+				<ContactForm onSubmit={handleSubmit}>
+					<input
+						type="text"
+						placeholder="Name"
+						onChange={(e) => setData({ ...data, name: e.target.value })}
+					/>
+					<input
+						type="email"
+						placeholder="Email"
+						onChange={(e) => setData({ ...data, email: e.target.value })}
+					/>
+					<textarea
+						placeholder="Message"
+						onChange={(e) => setData({ ...data, message: e.target.value })}
+					></textarea>
+					<button
+						type="submit"
+						disabled={!data.name || !data.email || !data.message || loading}
+					>
+						{loading ? "Sending..." : "Send"}
+					</button>
+				</ContactForm>
+				<p>Or connect with me on social media:</p>
+				<SocialMedia>
+					<Link
+						href="https://www.instagram.com/ferda_borisjuk/"
+						target="_blank"
+						rel="noreferrer"
+					>
+						<Instagram size={32} />
+					</Link>
+					<Link
+						href="https://github.com/HangerThem"
+						target="_blank"
+						rel="noreferrer"
+					>
+						<Github size={32} />
+					</Link>
+					<Link
+						href="https://discord.com/users/495134242825699328"
+						target="_blank"
+						rel="noreferrer"
+					>
+						<Discord size={32} />
+					</Link>
+					<Link
+						href="https://www.linkedin.com/in/franti%C5%A1ek-borisjuk-022686225/"
+						target="_blank"
+						rel="noreferrer"
+					>
+						<Linkedin size={32} />
+					</Link>
+				</SocialMedia>
+			</Content>
+		</Container>
+	)
+}
diff --git a/components/footer.tsx b/components/footer.tsx
new file mode 100644
index 0000000..28c7c5e
--- /dev/null
+++ b/components/footer.tsx
@@ -0,0 +1,56 @@
+"use client"
+
+import Link from "next/link"
+import styled from "styled-components"
+
+const FooterContainer = styled.footer`
+	width: 100%;
+	background-color: rgb(var(--white), 0.1);
+	color: rgb(var(--white));
+	padding: 1rem 0;
+`
+
+const FooterContent = styled.div`
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	gap: 1rem;
+
+	p {
+		flex: 1;
+		text-align: center;
+		font-size: 1rem;
+
+		&:not(:last-child) {
+			@media (min-width: 768px) {
+				border-right: 1px solid rgba(var(--white), 0.1);
+			}
+		}
+	}
+
+	@media (min-width: 768px) {
+		flex-direction: row;
+	}
+`
+
+export default function Footer() {
+	return (
+		<FooterContainer>
+			<FooterContent>
+				<p>
+					Made with ❤️ by{" "}
+					<Link href="https://github.com/HangerThem">Frank Borisjuk</Link>
+				</p>
+				<p>&copy; 2024 - All rights reserved</p>
+				<p>
+					Sources available on{" "}
+					<Link href="https://github.com/HangerThem/hangerthem.com">
+						GitHub
+					</Link>
+				</p>
+			</FooterContent>
+		</FooterContainer>
+	)
+}
diff --git a/components/navbar.tsx b/components/navbar.tsx
index 89daa22..8b0bec0 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import styled, { keyframes } from "styled-components"
-import { useRef, useState, useEffect } from "react"
+import { useRef, useState, useEffect, useCallback } from "react"
 import links from "@/data/links"
 import socialLinks from "@/data/socialLinks"
 import Link from "next/link"
@@ -28,7 +28,7 @@ const reverseRipple = keyframes`
 
 const NavbarContainer = styled.nav`
 	width: 100%;
-	padding: 2rem;
+	padding: 1rem 2rem;
 	display: flex;
 	justify-content: space-between;
 	flex-direction: column;
@@ -161,7 +161,6 @@ const SocialLinksContainer = styled.div`
 		justify-content: center;
 		gap: 0.5rem;
 		color: rgba(var(--white), 0.8);
-		transition: all 0.3s ease;
 		text-decoration: none;
 
 		&:hover {
@@ -173,7 +172,7 @@ const SocialLinksContainer = styled.div`
 		display: none;
 	}
 
-	@media (min-width: 820px) {
+	@media (min-width: 980px) {
 		display: flex;
 	}
 `
@@ -279,65 +278,71 @@ const Hamburger = styled.div`
 
 const Navbar = () => {
 	const hanburgerRef = useRef<HTMLDivElement>(null)
-	const [open, setOpen] = useState(false)
-	const [closing, setClosing] = useState(false)
-	const [visible, setVisible] = useState(false)
-	const [activeTag, setActiveTag] = useState("home")
+	const [navState, setNavState] = useState({
+		open: false,
+		closing: false,
+		visible: false,
+		activeTag: "home",
+	})
 
-	const handleClick = () => {
-		if (open) {
-			setOpen(false)
-			setClosing(true)
+	const handleClick = useCallback(() => {
+		if (navState.open) {
+			setNavState((prev) => ({ ...prev, open: false, closing: true }))
 			setTimeout(() => {
-				setVisible(false)
+				setNavState((prev) => ({ ...prev, visible: false }))
 			}, 200)
 			setTimeout(() => {
-				setClosing(false)
+				setNavState((prev) => ({ ...prev, closing: false }))
 			}, 500)
 			document.body.style.overflow = "auto"
 		} else {
-			setOpen(true)
+			setNavState((prev) => ({ ...prev, open: true }))
 			setTimeout(() => {
-				setVisible(true)
+				setNavState((prev) => ({ ...prev, visible: true }))
 			}, 300)
 			document.body.style.overflow = "hidden"
 		}
-	}
+	}, [navState.open])
 
-	useEffect(() => {
-		const handleResize = () => {
-			setOpen(false)
-			setClosing(false)
-			setVisible(false)
-			document.body.style.overflow = "auto"
-		}
-
-		window.addEventListener("resize", handleResize)
-		return () => window.removeEventListener("resize", handleResize)
+	const handleResize = useCallback(() => {
+		setNavState((prev) => ({
+			...prev,
+			open: false,
+			visible: false,
+			closing: false,
+		}))
+		document.body.style.overflow = "auto"
 	}, [])
 
-	useEffect(() => {
-		const handleClickOutside = (e: MouseEvent) => {
-			if (!open) return
+	const handleClickOutside = useCallback(
+		(e: MouseEvent) => {
+			if (!navState.open) return
 			if (
 				hanburgerRef.current &&
 				!hanburgerRef.current.contains(e.target as Node)
 			) {
-				setOpen(false)
-				setClosing(true)
+				setNavState((prev) => ({ ...prev, open: false, closing: true }))
 				setTimeout(() => {
-					setVisible(false)
+					setNavState((prev) => ({ ...prev, visible: false }))
 				}, 200)
 				setTimeout(() => {
-					setClosing(false)
+					setNavState((prev) => ({ ...prev, closing: false }))
 				}, 500)
 				document.body.style.overflow = "auto"
 			}
-		}
+		},
+		[navState.open]
+	)
 
+	useEffect(() => {
+		window.addEventListener("resize", handleResize)
+		return () => window.removeEventListener("resize", handleResize)
+	}, [handleResize])
+
+	useEffect(() => {
 		window.addEventListener("click", handleClickOutside)
 		return () => window.removeEventListener("click", handleClickOutside)
-	}, [open])
+	}, [navState.open, handleClickOutside])
 
 	return (
 		<NavbarContainer>
@@ -348,19 +353,21 @@ const Navbar = () => {
 				<HamburgerWrapper
 					ref={hanburgerRef}
 					onClick={handleClick}
-					className={open ? "open" : closing ? "closing" : ""}
+					className={navState.open ? "open" : navState.closing ? "closing" : ""}
 				>
-					<Hamburger className={open ? "open" : ""} />
+					<Hamburger className={navState.open ? "open" : ""} />
 				</HamburgerWrapper>
 			</Topbar>
-			<LinksWrapper className={visible ? "visible" : ""}>
+			<LinksWrapper className={navState.visible ? "visible" : ""}>
 				<LinksContainer>
 					{links.map((link) => (
 						<li key={link.id}>
 							<Link
 								href={link.href}
-								className={activeTag === link.id ? "active" : ""}
-								onClick={() => setActiveTag(link.id)}
+								className={navState.activeTag === link.id ? "active" : ""}
+								onClick={() =>
+									setNavState((prev) => ({ ...prev, activeTag: link.id }))
+								}
 							>
 								{link.text}
 							</Link>
diff --git a/components/projects.tsx b/components/projects.tsx
index d14750d..2557752 100644
--- a/components/projects.tsx
+++ b/components/projects.tsx
@@ -1,53 +1,12 @@
 "use client"
 
 import styled from "styled-components"
-import { useState } from "react"
+import { useCallback, useState } from "react"
 import { CaretLeftFill, CaretRightFill, Git } from "react-bootstrap-icons"
 import projects from "@/data/projects"
 import Link from "next/link"
 import Image from "next/image"
-
-const ProjectsContainer = styled.section`
-	width: 100%;
-	min-height: 100vh;
-	padding: 2rem;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 2rem;
-
-	@media (max-width: 1200px) {
-		padding: 1rem;
-		gap: 1rem;
-	}
-`
-
-const ProjectsContent = styled.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	gap: 2rem;
-
-	h2 {
-		font-size: 3rem;
-		font-weight: 600;
-
-		@media (max-width: 1200px) {
-			font-size: 2rem;
-		}
-	}
-
-	p {
-		font-size: 1.2rem;
-		font-weight: 400;
-
-		@media (max-width: 1200px) {
-			font-size: 1rem;
-		}
-	}
-`
+import { Container, Content } from "@/styles/pageStyles"
 
 const CarouselWrapper = styled.div`
 	display: flex;
@@ -251,25 +210,25 @@ const Projects = () => {
 	const [currentIndex, setCurrentIndex] = useState(0)
 	const projectCount = projects.length
 
-	const handlePrev = () => {
+	const handlePrev = useCallback(() => {
 		setCurrentIndex(
 			(prevIndex) => (prevIndex - 1 + projectCount) % projectCount
 		)
-	}
+	}, [projectCount])
 
-	const handleNext = () => {
+	const handleNext = useCallback(() => {
 		setCurrentIndex((prevIndex) => (prevIndex + 1) % projectCount)
-	}
+	}, [projectCount])
 
-	const getVisibleProjects = () => {
+	const getVisibleProjects = useCallback(() => {
 		const prevIndex = (currentIndex - 1 + projectCount) % projectCount
 		const nextIndex = (currentIndex + 1) % projectCount
 		return [projects[prevIndex], projects[currentIndex], projects[nextIndex]]
-	}
+	}, [currentIndex, projectCount])
 
 	return (
-		<ProjectsContainer id="projects">
-			<ProjectsContent>
+		<Container id="projects">
+			<Content>
 				<h2>📂 My Projects</h2>
 				<p>Here are some of the projects I&apos;ve worked on recently</p>
 				<CarouselContainer>
@@ -341,8 +300,8 @@ const Projects = () => {
 						))}
 					</CarouselIndicator>
 				</CarouselContainer>
-			</ProjectsContent>
-		</ProjectsContainer>
+			</Content>
+		</Container>
 	)
 }
 
diff --git a/components/skills.tsx b/components/skills.tsx
index 393857d..8028c9e 100644
--- a/components/skills.tsx
+++ b/components/skills.tsx
@@ -2,31 +2,7 @@
 
 import styled from "styled-components"
 import skills from "@/data/skills"
-
-const SkillsContainer = styled.section`
-	width: 100%;
-	min-height: 100vh;
-	padding: 2rem;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 2rem;
-
-	h2 {
-		font-size: 3rem;
-		font-weight: 600;
-	}
-
-	p {
-		font-size: 1.2rem;
-		font-weight: 400;
-	}
-
-	@media (min-width: 768px) {
-		padding: 4rem;
-	}
-`
+import { Container, Content } from "@/styles/pageStyles"
 
 const Categories = styled.div`
 	width: 100%;
@@ -51,9 +27,13 @@ const SkillCategory = styled.div`
 	gap: 2rem;
 	flex: 1;
 
-	h3 {
-		font-size: 1.75rem;
+	h4 {
+		font-size: 1rem;
 		font-weight: 600;
+
+		@media (min-width: 768px) {
+			font-size: 1.5rem;
+		}
 	}
 
 	ul {
@@ -72,12 +52,6 @@ const SkillCategory = styled.div`
 			align-items: center;
 		}
 	}
-
-	@media (min-width: 768px) {
-		h3 {
-			font-size: 2rem;
-		}
-	}
 `
 
 const SkillOMeter = styled.div<{ $level: number }>`
@@ -115,75 +89,79 @@ export default function Skills() {
 	skills.tools.sort((a, b) => b.persentage - a.persentage)
 
 	return (
-		<SkillsContainer id="skills">
-			<h2>🎖️ Skills</h2>
-			<p>
-				Here are some of the languages, technologies, and tools that I have
-				experience with. I am always learning new things and I am excited to
-				learn more!
-			</p>
-			<Categories>
-				{skills.languages && (
-					<SkillCategory>
-						<h3>Languages</h3>
-						<ul>
-							{skills.languages.map((language, index) => (
-								<li key={index}>
-									<span>
-										{language.name} - {language.level}
-									</span>
-									<SkillOMeter $level={language.persentage} />
-								</li>
-							))}
-						</ul>
-					</SkillCategory>
-				)}
-				{skills.programmingLanguages && (
-					<SkillCategory>
-						<h3>Programming Languages</h3>
-						<ul>
-							{skills.programmingLanguages.map((programmingLanguage, index) => (
-								<li key={index}>
-									<span>
-										{programmingLanguage.name} - {programmingLanguage.level}
-									</span>
-									<SkillOMeter $level={programmingLanguage.persentage} />
-								</li>
-							))}
-						</ul>
-					</SkillCategory>
-				)}
-				{skills.technologies && (
-					<SkillCategory>
-						<h3>Technologies</h3>
-						<ul>
-							{skills.technologies.map((technology, index) => (
-								<li key={index}>
-									<span>
-										{technology.name} - {technology.level}
-									</span>
-									<SkillOMeter $level={technology.persentage} />
-								</li>
-							))}
-						</ul>
-					</SkillCategory>
-				)}
-				{skills.tools && (
-					<SkillCategory>
-						<h3>Tools</h3>
-						<ul>
-							{skills.tools.map((tool, index) => (
-								<li key={index}>
-									<span>
-										{tool.name} - {tool.level}
-									</span>
-									<SkillOMeter $level={tool.persentage} />
-								</li>
-							))}
-						</ul>
-					</SkillCategory>
-				)}
-			</Categories>
-		</SkillsContainer>
+		<Container id="skills">
+			<Content>
+				<h2>🎖️ Skills</h2>
+				<p>
+					Here are some of the languages, technologies, and tools that I have
+					experience with. I am always learning new things and I am excited to
+					learn more!
+				</p>
+				<Categories>
+					{skills.languages && (
+						<SkillCategory>
+							<h4>Languages</h4>
+							<ul>
+								{skills.languages.map((language, index) => (
+									<li key={index}>
+										<span>
+											{language.name} - {language.level}
+										</span>
+										<SkillOMeter $level={language.persentage} />
+									</li>
+								))}
+							</ul>
+						</SkillCategory>
+					)}
+					{skills.programmingLanguages && (
+						<SkillCategory>
+							<h4>Programming Languages</h4>
+							<ul>
+								{skills.programmingLanguages.map(
+									(programmingLanguage, index) => (
+										<li key={index}>
+											<span>
+												{programmingLanguage.name} - {programmingLanguage.level}
+											</span>
+											<SkillOMeter $level={programmingLanguage.persentage} />
+										</li>
+									)
+								)}
+							</ul>
+						</SkillCategory>
+					)}
+					{skills.technologies && (
+						<SkillCategory>
+							<h4>Technologies</h4>
+							<ul>
+								{skills.technologies.map((technology, index) => (
+									<li key={index}>
+										<span>
+											{technology.name} - {technology.level}
+										</span>
+										<SkillOMeter $level={technology.persentage} />
+									</li>
+								))}
+							</ul>
+						</SkillCategory>
+					)}
+					{skills.tools && (
+						<SkillCategory>
+							<h4>Tools</h4>
+							<ul>
+								{skills.tools.map((tool, index) => (
+									<li key={index}>
+										<span>
+											{tool.name} - {tool.level}
+										</span>
+										<SkillOMeter $level={tool.persentage} />
+									</li>
+								))}
+							</ul>
+						</SkillCategory>
+					)}
+				</Categories>
+			</Content>
+		</Container>
 	)
 }
diff --git a/data/projects.ts b/data/projects.ts
index 10ec058..1b32335 100644
--- a/data/projects.ts
+++ b/data/projects.ts
@@ -22,6 +22,8 @@ const projects: Project[] = [
 			"Prisma",
 			"PostgreSQL",
 			"JWT",
+			"Nodemailer",
+			"Node.js",
 		],
 		href: "https://ephemr.net",
 		source: "https://github.com/HangerThem/ephemr",
@@ -46,6 +48,16 @@ const projects: Project[] = [
 		source: "https://github.com/HangerThem/linkboard",
 		state: "done",
 	},
+	{
+		title: "Ephemeris",
+		description:
+			"My personal blog, a place where I write about tech, programming, and other stuff.",
+		image: "/ephemeris.png",
+		techStack: ["Jekyll", "Markdown"],
+		href: "https://blog.hangerthem.com",
+		source: "https://github.com/HangerThem/ephemeris",
+		state: "done",
+	},
 	{
 		title: "Evolution algorithm Flappy Bird",
 		description:
diff --git a/data/socialLinks.tsx b/data/socialLinks.tsx
index 22b8f42..1728494 100644
--- a/data/socialLinks.tsx
+++ b/data/socialLinks.tsx
@@ -1,4 +1,4 @@
-import { Github } from "react-bootstrap-icons"
+import { Github, JournalAlbum } from "react-bootstrap-icons"
 
 type SocialLink = {
 	id: string
@@ -14,6 +14,12 @@ const socialLink: SocialLink[] = [
 		text: "GitHub",
 		icon: <Github />,
 	},
+	{
+		id: "blog",
+		href: "https://blog.hangerthem.com",
+		text: "Blog",
+		icon: <JournalAlbum />,
+	},
 ]
 
 export default socialLink
diff --git a/helpers/apiHelper.ts b/helpers/apiHelper.ts
new file mode 100644
index 0000000..4fa9ee9
--- /dev/null
+++ b/helpers/apiHelper.ts
@@ -0,0 +1,45 @@
+function jsonResponse(status: number, data?: any) {
+	const response = new Response(JSON.stringify({ status, ...data }), {
+		status,
+		headers: {
+			"Content-Type": "application/json",
+		},
+	})
+	return response
+}
+
+export function downloadResponse(status: number, data: any) {
+	const response = new Response(data, {
+		status,
+		headers: {
+			"Content-Type": "application/json",
+			"Content-Disposition": 'attachment; filename="user_data.json"',
+		},
+	})
+	return response
+}
+
+export function optionsResponse(headers: { [key: string]: string }) {
+	const response = new Response(null, {
+		status: 204,
+		headers,
+	})
+
+	return response
+}
+
+export function successResponse(data: any) {
+	return jsonResponse(200, data)
+}
+
+export function badRequestResponse(errorMessage?: string | {}) {
+	return jsonResponse(400, { error: errorMessage ?? "Bad request" })
+}
+
+export function tooManyRequestsResponse() {
+	return jsonResponse(429, { error: "Too many requests" })
+}
+
+export function internalServerErrorResponse() {
+	return jsonResponse(500, { error: "Internal server error" })
+}
diff --git a/interface/IEmailData.ts b/interface/IEmailData.ts
new file mode 100644
index 0000000..2393d99
--- /dev/null
+++ b/interface/IEmailData.ts
@@ -0,0 +1,6 @@
+interface IEmailData {
+	email: string
+	name: string
+	message: string
+	recaptchaToken: string
+}
diff --git a/interface/IErrorResponse.ts b/interface/IErrorResponse.ts
new file mode 100644
index 0000000..5e4d943
--- /dev/null
+++ b/interface/IErrorResponse.ts
@@ -0,0 +1,4 @@
+interface IErrorResponse {
+	error: string
+	status: number
+}
diff --git a/package-lock.json b/package-lock.json
index 4a53dbb..37b3817 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,8 +9,10 @@
 			"version": "0.1.0",
 			"dependencies": {
 				"canvas-confetti": "^1.9.3",
+				"express-rate-limit": "^7.4.0",
 				"next": "14.1.0",
-				"nodemailer": "^6.9.9",
+				"next-recaptcha-v3": "^1.4.1",
+				"nodemailer": "^6.9.14",
 				"react": "^18",
 				"react-bootstrap-icons": "^1.11.4",
 				"react-dom": "^18",
@@ -19,8 +21,10 @@
 			"devDependencies": {
 				"@types/canvas-confetti": "^1.6.4",
 				"@types/node": "^20",
+				"@types/nodemailer": "^6.4.15",
 				"@types/react": "^18",
 				"@types/react-dom": "^18",
+				"@types/react-google-recaptcha": "^2.1.9",
 				"eslint": "^8",
 				"eslint-config-next": "14.1.0",
 				"typescript": "^5"
@@ -428,6 +432,16 @@
 				"undici-types": "~5.26.4"
 			}
 		},
+		"node_modules/@types/nodemailer": {
+			"version": "6.4.15",
+			"resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.15.tgz",
+			"integrity": "sha512-0EBJxawVNjPkng1zm2vopRctuWVCxk34JcIlRuXSf54habUWdz1FB7wHDqOqvDa8Mtpt0Q3LTXQkAs2LNyK5jQ==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
 		"node_modules/@types/prop-types": {
 			"version": "15.7.11",
 			"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
@@ -454,6 +468,16 @@
 				"@types/react": "*"
 			}
 		},
+		"node_modules/@types/react-google-recaptcha": {
+			"version": "2.1.9",
+			"resolved": "https://registry.npmjs.org/@types/react-google-recaptcha/-/react-google-recaptcha-2.1.9.tgz",
+			"integrity": "sha512-nT31LrBDuoSZJN4QuwtQSF3O89FVHC4jLhM+NtKEmVF5R1e8OY0Jo4//x2Yapn2aNHguwgX5doAq8Zo+Ehd0ug==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/react": "*"
+			}
+		},
 		"node_modules/@types/scheduler": {
 			"version": "0.16.8",
 			"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
@@ -598,6 +622,20 @@
 			"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
 			"dev": true
 		},
+		"node_modules/accepts": {
+			"version": "1.3.8",
+			"resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+			"integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"mime-types": "~2.1.34",
+				"negotiator": "0.6.3"
+			},
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/acorn": {
 			"version": "8.11.3",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -690,6 +728,13 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/array-flatten": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+			"integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/array-includes": {
 			"version": "3.1.7",
 			"resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
@@ -878,6 +923,48 @@
 			"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
 			"dev": true
 		},
+		"node_modules/body-parser": {
+			"version": "1.20.2",
+			"resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
+			"integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"bytes": "3.1.2",
+				"content-type": "~1.0.5",
+				"debug": "2.6.9",
+				"depd": "2.0.0",
+				"destroy": "1.2.0",
+				"http-errors": "2.0.0",
+				"iconv-lite": "0.4.24",
+				"on-finished": "2.4.1",
+				"qs": "6.11.0",
+				"raw-body": "2.5.2",
+				"type-is": "~1.6.18",
+				"unpipe": "1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.8",
+				"npm": "1.2.8000 || >= 1.4.16"
+			}
+		},
+		"node_modules/body-parser/node_modules/debug": {
+			"version": "2.6.9",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+			"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ms": "2.0.0"
+			}
+		},
+		"node_modules/body-parser/node_modules/ms": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/brace-expansion": {
 			"version": "1.1.11",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -911,11 +998,20 @@
 				"node": ">=10.16.0"
 			}
 		},
+		"node_modules/bytes": {
+			"version": "3.1.2",
+			"resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+			"integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/call-bind": {
 			"version": "1.0.6",
 			"resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.6.tgz",
 			"integrity": "sha512-Mj50FLHtlsoVfRfnHaZvyrooHcrlceNZdL/QBvJJVd9Ta55qCQK0gs4ss2oZDeV9zFCs6ewzYgVE5yfVmfFpVg==",
-			"dev": true,
 			"dependencies": {
 				"es-errors": "^1.3.0",
 				"function-bind": "^1.1.2",
@@ -1021,6 +1117,46 @@
 			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
 			"dev": true
 		},
+		"node_modules/content-disposition": {
+			"version": "0.5.4",
+			"resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+			"integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"safe-buffer": "5.2.1"
+			},
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/content-type": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+			"integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/cookie": {
+			"version": "0.6.0",
+			"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+			"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/cookie-signature": {
+			"version": "1.0.6",
+			"resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+			"integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/cross-spawn": {
 			"version": "7.0.3",
 			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -1092,7 +1228,6 @@
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.2.tgz",
 			"integrity": "sha512-SRtsSqsDbgpJBbW3pABMCOt6rQyeM8s8RiyeSN8jYG8sYmt/kGJejbydttUsnDs1tadr19tvhT4ShwMyoqAm4g==",
-			"dev": true,
 			"dependencies": {
 				"es-errors": "^1.3.0",
 				"get-intrinsic": "^1.2.2",
@@ -1120,6 +1255,16 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/depd": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+			"integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/dequal": {
 			"version": "2.0.3",
 			"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -1129,6 +1274,17 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/destroy": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+			"integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8",
+				"npm": "1.2.8000 || >= 1.4.16"
+			}
+		},
 		"node_modules/dir-glob": {
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -1159,12 +1315,29 @@
 			"integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
 			"dev": true
 		},
+		"node_modules/ee-first": {
+			"version": "1.1.1",
+			"resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+			"integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/emoji-regex": {
 			"version": "9.2.2",
 			"resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
 			"integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
 			"dev": true
 		},
+		"node_modules/encodeurl": {
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+			"integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/enhanced-resolve": {
 			"version": "5.15.0",
 			"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
@@ -1241,7 +1414,6 @@
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
 			"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
 			}
@@ -1308,6 +1480,13 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/escape-html": {
+			"version": "1.0.3",
+			"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+			"integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/escape-string-regexp": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -1730,6 +1909,91 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/etag": {
+			"version": "1.8.1",
+			"resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+			"integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/express": {
+			"version": "4.19.2",
+			"resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+			"integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"accepts": "~1.3.8",
+				"array-flatten": "1.1.1",
+				"body-parser": "1.20.2",
+				"content-disposition": "0.5.4",
+				"content-type": "~1.0.4",
+				"cookie": "0.6.0",
+				"cookie-signature": "1.0.6",
+				"debug": "2.6.9",
+				"depd": "2.0.0",
+				"encodeurl": "~1.0.2",
+				"escape-html": "~1.0.3",
+				"etag": "~1.8.1",
+				"finalhandler": "1.2.0",
+				"fresh": "0.5.2",
+				"http-errors": "2.0.0",
+				"merge-descriptors": "1.0.1",
+				"methods": "~1.1.2",
+				"on-finished": "2.4.1",
+				"parseurl": "~1.3.3",
+				"path-to-regexp": "0.1.7",
+				"proxy-addr": "~2.0.7",
+				"qs": "6.11.0",
+				"range-parser": "~1.2.1",
+				"safe-buffer": "5.2.1",
+				"send": "0.18.0",
+				"serve-static": "1.15.0",
+				"setprototypeof": "1.2.0",
+				"statuses": "2.0.1",
+				"type-is": "~1.6.18",
+				"utils-merge": "1.0.1",
+				"vary": "~1.1.2"
+			},
+			"engines": {
+				"node": ">= 0.10.0"
+			}
+		},
+		"node_modules/express-rate-limit": {
+			"version": "7.4.0",
+			"resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-7.4.0.tgz",
+			"integrity": "sha512-v1204w3cXu5gCDmAvgvzI6qjzZzoMWKnyVDk3ACgfswTQLYiGen+r8w0VnXnGMmzEN/g8fwIQ4JrFFd4ZP6ssg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 16"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/express-rate-limit"
+			},
+			"peerDependencies": {
+				"express": "4 || 5 || ^5.0.0-beta.1"
+			}
+		},
+		"node_modules/express/node_modules/debug": {
+			"version": "2.6.9",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+			"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ms": "2.0.0"
+			}
+		},
+		"node_modules/express/node_modules/ms": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/fast-deep-equal": {
 			"version": "3.1.3",
 			"resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -1809,6 +2073,42 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/finalhandler": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+			"integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"debug": "2.6.9",
+				"encodeurl": "~1.0.2",
+				"escape-html": "~1.0.3",
+				"on-finished": "2.4.1",
+				"parseurl": "~1.3.3",
+				"statuses": "2.0.1",
+				"unpipe": "~1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
+		"node_modules/finalhandler/node_modules/debug": {
+			"version": "2.6.9",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+			"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ms": "2.0.0"
+			}
+		},
+		"node_modules/finalhandler/node_modules/ms": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/find-up": {
 			"version": "5.0.0",
 			"resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -1870,6 +2170,26 @@
 				"url": "https://github.com/sponsors/isaacs"
 			}
 		},
+		"node_modules/forwarded": {
+			"version": "0.2.0",
+			"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+			"integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/fresh": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+			"integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/fs.realpath": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -1880,7 +2200,6 @@
 			"version": "1.1.2",
 			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
 			"integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-			"dev": true,
 			"funding": {
 				"url": "https://github.com/sponsors/ljharb"
 			}
@@ -1916,7 +2235,6 @@
 			"version": "1.2.4",
 			"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
 			"integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-			"dev": true,
 			"dependencies": {
 				"es-errors": "^1.3.0",
 				"function-bind": "^1.1.2",
@@ -2071,7 +2389,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
 			"integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-			"dev": true,
 			"dependencies": {
 				"get-intrinsic": "^1.1.3"
 			},
@@ -2112,7 +2429,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
 			"integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
-			"dev": true,
 			"dependencies": {
 				"get-intrinsic": "^1.2.2"
 			},
@@ -2124,7 +2440,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
 			"integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
 			},
@@ -2136,7 +2451,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
 			"integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
 			},
@@ -2163,7 +2477,6 @@
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.0.tgz",
 			"integrity": "sha512-vUptKVTpIJhcczKBbgnS+RtcuYMB8+oNzPK2/Hp3hanz8JmpATdmmgLgSaadVREkDm+e2giHwY3ZRkyjSIDDFA==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.2"
 			},
@@ -2171,6 +2484,36 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/http-errors": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+			"integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"depd": "2.0.0",
+				"inherits": "2.0.4",
+				"setprototypeof": "1.2.0",
+				"statuses": "2.0.1",
+				"toidentifier": "1.0.1"
+			},
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
+		"node_modules/iconv-lite": {
+			"version": "0.4.24",
+			"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+			"integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"safer-buffer": ">= 2.1.2 < 3"
+			},
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
 		"node_modules/ignore": {
 			"version": "5.3.1",
 			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
@@ -2218,8 +2561,7 @@
 		"node_modules/inherits": {
 			"version": "2.0.4",
 			"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-			"dev": true
+			"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
 		},
 		"node_modules/internal-slot": {
 			"version": "1.0.7",
@@ -2235,6 +2577,16 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/ipaddr.js": {
+			"version": "1.9.1",
+			"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+			"integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.10"
+			}
+		},
 		"node_modules/is-array-buffer": {
 			"version": "3.0.4",
 			"resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
@@ -2746,6 +3098,23 @@
 				"node": "14 || >=16.14"
 			}
 		},
+		"node_modules/media-typer": {
+			"version": "0.3.0",
+			"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+			"integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/merge-descriptors": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+			"integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/merge2": {
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -2755,6 +3124,16 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/methods": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+			"integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/micromatch": {
 			"version": "4.0.5",
 			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -2768,6 +3147,42 @@
 				"node": ">=8.6"
 			}
 		},
+		"node_modules/mime": {
+			"version": "1.6.0",
+			"resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+			"integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+			"license": "MIT",
+			"peer": true,
+			"bin": {
+				"mime": "cli.js"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
+		"node_modules/mime-db": {
+			"version": "1.52.0",
+			"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+			"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/mime-types": {
+			"version": "2.1.35",
+			"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+			"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"mime-db": "1.52.0"
+			},
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/minimatch": {
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -2827,6 +3242,16 @@
 			"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
 			"dev": true
 		},
+		"node_modules/negotiator": {
+			"version": "0.6.3",
+			"resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+			"integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/next": {
 			"version": "14.1.0",
 			"resolved": "https://registry.npmjs.org/next/-/next-14.1.0.tgz",
@@ -2872,10 +3297,30 @@
 				}
 			}
 		},
+		"node_modules/next-recaptcha-v3": {
+			"version": "1.4.1",
+			"resolved": "https://registry.npmjs.org/next-recaptcha-v3/-/next-recaptcha-v3-1.4.1.tgz",
+			"integrity": "sha512-ZQXwcGHMIbXG3ppK6s2EGyTMjkVW5wARupQsBrFQbO6BhNlfBXAb3BVQEZt6uYyp12z5tf06DEa3JIqCqQoXTQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18.0.0"
+			},
+			"peerDependencies": {
+				"next": "^13.0.0 || ^14.0.0",
+				"react": ">=18.0.0",
+				"react-dom": ">=18.0.0"
+			},
+			"peerDependenciesMeta": {
+				"react-dom": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/nodemailer": {
-			"version": "6.9.9",
-			"resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.9.tgz",
-			"integrity": "sha512-dexTll8zqQoVJEZPwQAKzxxtFn0qTnjdQTchoU6Re9BUUGBJiOy3YMn/0ShTW6J5M0dfQ1NeDeRTTl4oIWgQMA==",
+			"version": "6.9.14",
+			"resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.14.tgz",
+			"integrity": "sha512-Dobp/ebDKBvz91sbtRKhcznLThrKxKt97GI2FAlAyy+fk19j73Uz3sBXolVtmcXjaorivqsbbbjDY+Jkt4/bQA==",
+			"license": "MIT-0",
 			"engines": {
 				"node": ">=6.0.0"
 			}
@@ -2892,7 +3337,6 @@
 			"version": "1.13.1",
 			"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
 			"integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-			"dev": true,
 			"funding": {
 				"url": "https://github.com/sponsors/ljharb"
 			}
@@ -2998,6 +3442,19 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/on-finished": {
+			"version": "2.4.1",
+			"resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+			"integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ee-first": "1.1.1"
+			},
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/once": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -3066,6 +3523,16 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/parseurl": {
+			"version": "1.3.3",
+			"resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+			"integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/path-exists": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -3115,6 +3582,13 @@
 				"url": "https://github.com/sponsors/isaacs"
 			}
 		},
+		"node_modules/path-to-regexp": {
+			"version": "0.1.7",
+			"resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+			"integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/path-type": {
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -3192,6 +3666,20 @@
 				"react-is": "^16.13.1"
 			}
 		},
+		"node_modules/proxy-addr": {
+			"version": "2.0.7",
+			"resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+			"integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"forwarded": "0.2.0",
+				"ipaddr.js": "1.9.1"
+			},
+			"engines": {
+				"node": ">= 0.10"
+			}
+		},
 		"node_modules/punycode": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -3201,6 +3689,22 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/qs": {
+			"version": "6.11.0",
+			"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+			"integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+			"license": "BSD-3-Clause",
+			"peer": true,
+			"dependencies": {
+				"side-channel": "^1.0.4"
+			},
+			"engines": {
+				"node": ">=0.6"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ljharb"
+			}
+		},
 		"node_modules/queue-microtask": {
 			"version": "1.2.3",
 			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -3221,6 +3725,32 @@
 				}
 			]
 		},
+		"node_modules/range-parser": {
+			"version": "1.2.1",
+			"resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+			"integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
+		"node_modules/raw-body": {
+			"version": "2.5.2",
+			"resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+			"integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"bytes": "3.1.2",
+				"http-errors": "2.0.0",
+				"iconv-lite": "0.4.24",
+				"unpipe": "1.0.0"
+			},
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/react": {
 			"version": "18.2.0",
 			"resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -3426,6 +3956,27 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/safe-buffer": {
+			"version": "5.2.1",
+			"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+			"integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/feross"
+				},
+				{
+					"type": "patreon",
+					"url": "https://www.patreon.com/feross"
+				},
+				{
+					"type": "consulting",
+					"url": "https://feross.org/support"
+				}
+			],
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/safe-regex-test": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.2.tgz",
@@ -3443,6 +3994,13 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/safer-buffer": {
+			"version": "2.1.2",
+			"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+			"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+			"license": "MIT",
+			"peer": true
+		},
 		"node_modules/scheduler": {
 			"version": "0.23.0",
 			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@@ -3478,11 +4036,75 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/send": {
+			"version": "0.18.0",
+			"resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+			"integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"debug": "2.6.9",
+				"depd": "2.0.0",
+				"destroy": "1.2.0",
+				"encodeurl": "~1.0.2",
+				"escape-html": "~1.0.3",
+				"etag": "~1.8.1",
+				"fresh": "0.5.2",
+				"http-errors": "2.0.0",
+				"mime": "1.6.0",
+				"ms": "2.1.3",
+				"on-finished": "2.4.1",
+				"range-parser": "~1.2.1",
+				"statuses": "2.0.1"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
+		"node_modules/send/node_modules/debug": {
+			"version": "2.6.9",
+			"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+			"integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"ms": "2.0.0"
+			}
+		},
+		"node_modules/send/node_modules/debug/node_modules/ms": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+			"integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/send/node_modules/ms": {
+			"version": "2.1.3",
+			"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+			"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+			"license": "MIT",
+			"peer": true
+		},
+		"node_modules/serve-static": {
+			"version": "1.15.0",
+			"resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+			"integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"encodeurl": "~1.0.2",
+				"escape-html": "~1.0.3",
+				"parseurl": "~1.3.3",
+				"send": "0.18.0"
+			},
+			"engines": {
+				"node": ">= 0.8.0"
+			}
+		},
 		"node_modules/set-function-length": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.0.tgz",
 			"integrity": "sha512-4DBHDoyHlM1IRPGYcoxexgh67y4ueR53FKV1yyxwFMY7aCqcN/38M1+SwZ/qJQ8iLv7+ck385ot4CcisOAPT9w==",
-			"dev": true,
 			"dependencies": {
 				"define-data-property": "^1.1.1",
 				"function-bind": "^1.1.2",
@@ -3508,6 +4130,13 @@
 				"node": ">= 0.4"
 			}
 		},
+		"node_modules/setprototypeof": {
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+			"integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+			"license": "ISC",
+			"peer": true
+		},
 		"node_modules/shallowequal": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
@@ -3538,7 +4167,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
 			"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-			"dev": true,
 			"dependencies": {
 				"call-bind": "^1.0.0",
 				"get-intrinsic": "^1.0.2",
@@ -3577,6 +4205,16 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/statuses": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+			"integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/streamsearch": {
 			"version": "1.1.0",
 			"resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -3876,6 +4514,16 @@
 				"node": ">=8.0"
 			}
 		},
+		"node_modules/toidentifier": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+			"integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">=0.6"
+			}
+		},
 		"node_modules/ts-api-utils": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.2.0.tgz",
@@ -3929,6 +4577,20 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/type-is": {
+			"version": "1.6.18",
+			"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+			"integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+			"license": "MIT",
+			"peer": true,
+			"dependencies": {
+				"media-typer": "0.3.0",
+				"mime-types": "~2.1.24"
+			},
+			"engines": {
+				"node": ">= 0.6"
+			}
+		},
 		"node_modules/typed-array-buffer": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
@@ -4028,6 +4690,16 @@
 			"integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
 			"dev": true
 		},
+		"node_modules/unpipe": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+			"integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/uri-js": {
 			"version": "4.4.1",
 			"resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -4037,6 +4709,26 @@
 				"punycode": "^2.1.0"
 			}
 		},
+		"node_modules/utils-merge": {
+			"version": "1.0.1",
+			"resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+			"integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.4.0"
+			}
+		},
+		"node_modules/vary": {
+			"version": "1.1.2",
+			"resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+			"integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+			"license": "MIT",
+			"peer": true,
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
 		"node_modules/which": {
 			"version": "2.0.2",
 			"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index 018dae6..4752234 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,10 @@
 	},
 	"dependencies": {
 		"canvas-confetti": "^1.9.3",
+		"express-rate-limit": "^7.4.0",
 		"next": "14.1.0",
-		"nodemailer": "^6.9.9",
+		"next-recaptcha-v3": "^1.4.1",
+		"nodemailer": "^6.9.14",
 		"react": "^18",
 		"react-bootstrap-icons": "^1.11.4",
 		"react-dom": "^18",
@@ -20,8 +22,10 @@
 	"devDependencies": {
 		"@types/canvas-confetti": "^1.6.4",
 		"@types/node": "^20",
+		"@types/nodemailer": "^6.4.15",
 		"@types/react": "^18",
 		"@types/react-dom": "^18",
+		"@types/react-google-recaptcha": "^2.1.9",
 		"eslint": "^8",
 		"eslint-config-next": "14.1.0",
 		"typescript": "^5"
diff --git a/public/ephemeris.png b/public/ephemeris.png
new file mode 100644
index 0000000..7915717
Binary files /dev/null and b/public/ephemeris.png differ
diff --git a/services/api-services/emailServices.ts b/services/api-services/emailServices.ts
new file mode 100644
index 0000000..cbf54ce
--- /dev/null
+++ b/services/api-services/emailServices.ts
@@ -0,0 +1,19 @@
+import { post } from "@/services/requestHelpers"
+
+export const requestSendEmail = async (
+	emailData: IEmailData
+): Promise<
+	| {
+			emailData: IEmailData
+			status: number
+	  }
+	| IErrorResponse
+> => {
+	return await post<
+		| {
+				emailData: IEmailData
+				status: number
+		  }
+		| IErrorResponse
+	>("/email", emailData)
+}
diff --git a/services/requestHelpers.ts b/services/requestHelpers.ts
new file mode 100644
index 0000000..1c2185c
--- /dev/null
+++ b/services/requestHelpers.ts
@@ -0,0 +1,87 @@
+const API_URL = "/api/v1"
+
+export async function get<Res>(
+	url: string,
+	cache?: "no-store" | "force-cache",
+	revalidate?: number
+): Promise<Res> {
+	const token = localStorage.getItem("ephemrToken")
+
+	return (
+		await fetch(API_URL + url, {
+			method: "GET",
+			//cache: cache ?? "no-store",
+			headers: {
+				Authorization: `Bearer ${token}`,
+				"Content-Type": "application/json",
+			},
+			next: { revalidate: revalidate ?? 0 },
+		})
+	).json() as Res
+}
+
+export async function post<Res>(
+	url: string,
+	body: any,
+	cache?: "no-store" | "force-cache",
+	revalidate?: number
+): Promise<Res> {
+	const token = localStorage.getItem("ephemrToken")
+
+	return (
+		await fetch(API_URL + url, {
+			method: "POST",
+			//cache: cache ?? "no-store",
+			headers: {
+				Authorization: `Bearer ${token}`,
+				"Content-Type": "application/json",
+			},
+			body: JSON.stringify(body),
+			next: { revalidate: revalidate ?? 0 },
+		})
+	).json() as Res
+}
+
+export async function patch<Res>(
+	url: string,
+	body: any,
+	cache?: "no-store" | "force-cache",
+	revalidate?: number
+): Promise<Res> {
+	const token = localStorage.getItem("ephemrToken")
+
+	return (
+		await fetch(API_URL + url, {
+			method: "PATCH",
+			//cache: cache ?? "no-store",
+			headers: {
+				Authorization: `Bearer ${token}`,
+				"Content-Type": "application/json",
+			},
+			body: JSON.stringify(body),
+			next: { revalidate: revalidate ?? 0 },
+		})
+	).json() as Res
+}
+
+export async function requestDelete<Res>(
+	url: string,
+	body: any,
+	cache?: "no-store" | "force-cache",
+	revalidate?: number
+): Promise<Res> {
+	const token = localStorage.getItem("ephemrToken")
+
+	return (
+		await fetch(API_URL + url, {
+			method: "DELETE",
+			//cache: cache ?? "no-store",
+			headers: {
+				Authorization: `Bearer ${token}`,
+				"Content-Type": "application/json",
+			},
+			body: JSON.stringify(body),
+			next: { revalidate: revalidate ?? 0 },
+		})
+	).json() as Res
+}
diff --git a/styles/globalStyle.ts b/styles/globalStyle.ts
index eef628a..9818989 100644
--- a/styles/globalStyle.ts
+++ b/styles/globalStyle.ts
@@ -46,4 +46,14 @@ export const GlobalStyle = createGlobalStyle`
     background-color: rgb(var(--black));
     color: rgb(var(--white));
   }
+
+  a {
+    color: rgb(var(--primary));
+    text-decoration: none;
+    transition: color 0.2s ease-in-out;
+
+    &:hover {
+      color: rgb(var(--primary), 0.8);
+    }
+  }
 `
diff --git a/styles/pageStyles.ts b/styles/pageStyles.ts
new file mode 100644
index 0000000..e94f81b
--- /dev/null
+++ b/styles/pageStyles.ts
@@ -0,0 +1,42 @@
+import styled from "styled-components"
+
+export const Container = styled.section`
+	width: 100%;
+	min-height: 100vh;
+	padding: 2rem;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 2rem;
+
+	@media (min-width: 768px) {
+		padding: 4rem;
+	}
+`
+
+export const Content = styled.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	gap: 2rem;
+
+	h2 {
+		font-size: 3rem;
+		font-weight: 600;
+
+		@media (max-width: 768px) {
+			font-size: 2rem;
+		}
+	}
+
+	p {
+		font-size: 1.2rem;
+		font-weight: 400;
+
+		@media (max-width: 768px) {
+			font-size: 1rem;
+		}
+	}
+`
diff --git a/utils/emailUtils.ts b/utils/emailUtils.ts
new file mode 100644
index 0000000..3599196
--- /dev/null
+++ b/utils/emailUtils.ts
@@ -0,0 +1,33 @@
+import nodemailer from "nodemailer"
+
+const transporter = nodemailer.createTransport({
+	host: process.env.SMTP_HOST,
+	port: Number(process.env.SMTP_PORT),
+	secure: Boolean(process.env.SMTP_SECURE),
+	auth: {
+		user: process.env.SMTP_USER,
+		pass: process.env.SMTP_PASS,
+	},
+})
+
+const sendEmail = async ({
+	to,
+	subject,
+	text,
+	html,
+}: {
+	to: string
+	subject: string
+	text: string
+	html?: string
+}) => {
+	await transporter.sendMail({
+		from: `${process.env.SMTP_NAME} <${process.env.SMTP_USER}>`,
+		to,
+		subject,
+		text,
+		html: html || text,
+	})
+}
+
+export { sendEmail }