Update image references and modify designation in components

components/ContainerBlock.js

@@ -10,7 +10,7 @@ export default function ContainerBlock({ children, ...customMeta }) {
   const meta = {
     title: "Jalen Harris - Developer, Writer, Creator and YouTuber",
     description: `I've been developing websites for 5 years straight. Get in touch with me to know more.`,
-    image: "/avatar.png",
+    image: "/jalen.png",
     type: "website",
     ...customMeta,
   };

components/Hero.js

@@ -28,7 +28,7 @@ export default function Hero() {
           </RainbowHighlight>
           <RainbowHighlight color={colors[3]}>
             <h1 className="text-4xl md:text-8xl font-bold text-gray-700 dark:text-gray-200 my-2">
-              Youtuber.
+              Engineer.
             </h1>
           </RainbowHighlight>
         </RoughNotationGroup>

constants/data.js

@@ -2,7 +2,7 @@ const userData = {
   githubUsername: "manuarora700",
   name: "Jalen Harris",
   designation: "Full-Stack Developer",
-  avatarUrl: "/avatar.png",
+  avatarUrl: "/IMG_2547 2.jpg",
   email: "[email protected]",
   phone: "614-937-7182",
   address: "Washington, DC",