Vercel Compatability

sobenfolio-frontend/src/app/api/send/route.js

@@ -0,0 +1,24 @@
+// import { EmailTemplate } from '../../../components/EmailTemplate';
+import { Resend } from 'resend';
+
+const resend = new Resend(process.env.RESEND_API_KEY);
+
+export async function POST() {
+  try {
+    const data = await resend.emails.send({
+      from: 'Sobenna <[email protected]>',
+      to: ['[email protected]'],
+      subject: 'Hello world',
+      react: 
+      <>
+        <p>
+            Email Bod
+        </p>
+    </>,
+    });
+
+    return Response.json(data);
+  } catch (error) {
+    return Response.json({ error });
+  }
+}

sobenfolio-frontend/src/app/components/AboutSection.jsx

@@ -48,7 +48,7 @@ const AboutSection = () => {
     return (
         <section className='text-white'>
             <div className='md:grid md:grid-cols-2 gap-8 items-center py-8 px-4 xl:gap-16 sm:py-16 xl:px-16'>
-                <Image src="/images/steampunklandscape.jpg" width={500} height = {500} />
+                <Image src="/images/steampunklandscape.jpg" alt="About Image" width={500} height = {500} />
                 <div className='mt-4 md:mt-0 text-left flex flex-col h-full'>
                     <h2 className="text-4xl font-bold text-white mb-4">About Me</h2>
                     <p className="text-base md:text-lg">A description of me. I am blah blah blah blah and blah blah blah blah and blah blah blah blah and blah blah blah blah and blah blah and blah blah blah  blah blah bal</p>

sobenfolio-frontend/src/app/components/HeroSection.jsx

@@ -10,7 +10,7 @@ const HeroSection = () => {
             <div className='col-span-7 place-self-center text-center sm:text-left'>
                 <h1 className='text-white mb-4 text-4xl sm:text-5xl lg:text-6xl font-extrabold'>
                     <span className = "text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600">
-                        Hello I'm{""}
+                        Hello I&apos;m{""}
                     </span> 
                     <br></br>
                     <TypeAnimation