contact email

components/Email/EmailTemplate.tsx

@@ -0,0 +1,24 @@
+import * as React from "react"
+
+export interface EmailTemplateProps {
+  firstName: string
+  lastName: string
+  email: string
+  message: string
+  phoneNumber: string
+}
+
+export const EmailTemplate: React.FC<Readonly<EmailTemplateProps>> = ({
+  firstName,
+  lastName,
+  email,
+  message,
+  phoneNumber,
+}) => (
+  <div>
+    <p>{message}</p>
+    <footer>
+      {firstName} {lastName} - {email} - {phoneNumber}
+    </footer>
+  </div>
+)

components/Navbar/Navbar.tsx

@@ -29,6 +29,11 @@ export default function Nav() {
       href: "/projects",
       current: currentRoute === "/projects",
     },
+    {
+      label: "Contact",
+      href: "/contact",
+      current: currentRoute === "/contact",
+    },
   ]
 
   return (