From 64ec13245e640ca4dfd0221db680060a7183a2c5 Mon Sep 17 00:00:00 2001 From: amosdesigns Date: Mon, 24 Jun 2024 11:20:05 -0400 Subject: [PATCH 01/14] update --- .vscode/settings.json | 5 +++++ README.md | 3 +++ actions/sendEmail.ts | 4 ++-- app/layout.tsx | 5 +++-- app/page.tsx | 2 +- components/contact.tsx | 12 ++++++------ components/footer.tsx | 12 ++++-------- components/header.tsx | 4 ++-- components/intro.tsx | 33 +++++++++++++++++---------------- lib/data.ts | 25 +++++++++++++++++++++---- public/IMG_0579.jpeg | Bin 0 -> 189633 bytes 11 files changed, 64 insertions(+), 41 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 public/IMG_0579.jpeg diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..a132070c --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,5 @@ +{ + "cSpell.words": [ + "clsx" + ] +} \ No newline at end of file diff --git a/README.md b/README.md index 518412d3..0b09e216 100644 --- a/README.md +++ b/README.md @@ -28,3 +28,6 @@ I'm close to releasing a complete React & Next.js course. Get on the email list 1. Add RESEND_API_KEY environment variable in .env.local 2. In the send-email.ts action file, change the "to" email to your own email + + +https://youtu.be/sUKptmUVIBM?si=tlaeyL44miXIjq82 \ No newline at end of file diff --git a/actions/sendEmail.ts b/actions/sendEmail.ts index 047508da..ef14496e 100644 --- a/actions/sendEmail.ts +++ b/actions/sendEmail.ts @@ -26,8 +26,8 @@ export const sendEmail = async (formData: FormData) => { let data; try { data = await resend.emails.send({ - from: "Contact Form ", - to: "bytegrad@gmail.com", + from: "Contact Form ", + to: "mail@amosdesigns.net", subject: "Message from contact form", reply_to: senderEmail, react: React.createElement(ContactFormEmail, { diff --git a/app/layout.tsx b/app/layout.tsx index 38cb5595..509c521b 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -10,8 +10,9 @@ import { Toaster } from "react-hot-toast"; const inter = Inter({ subsets: ["latin"] }); export const metadata = { - title: "Ricardo | Personal Portfolio", - description: "Ricardo is a full-stack developer with 8 years of experience.", + title: "Jerome Amos | Sr. Web Dev Portfolio | Amos Designs.net", + description: + "Amos Designs.net | Jerome Amos is a full-stack web developer with 15 plus years of experience.", }; export default function RootLayout({ diff --git a/app/page.tsx b/app/page.tsx index 63955de3..7a067826 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -12,8 +12,8 @@ export default function Home() { - + diff --git a/components/contact.tsx b/components/contact.tsx index a85b2be1..6e40e937 100644 --- a/components/contact.tsx +++ b/components/contact.tsx @@ -31,16 +31,16 @@ export default function Contact() { > Contact me -

+

Please contact me directly at{" "} - - example@gmail.com + + mail@amosdesigns.net {" "} or through this form.

{ const { data, error } = await sendEmail(formData); @@ -53,7 +53,7 @@ export default function Contact() { }} >