update to profile

src/app/api/send/route.js

@@ -16,7 +16,7 @@ export async function POST(req, res) {
         <>
           <h1>{subject}</h1>
           <p>Thank you for contacting me!</p>
-          <p>Your message was received:</p>
+          <p>I have received your email:</p>
           <p>{message}</p>
         </>
       ),

src/app/components/AboutSection.jsx

@@ -63,13 +63,14 @@ const AboutSection = () => {
   return (
     <section className="text-white" id="about">
       <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/about-image.png" width={500} height={500} />
+        <Image src="/images/about-me.jpg" 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 lg:text-lg">
             I am a full-time 3rd year student at the University of Toronto Scarborough, studying Computer Science and 
-            specializing in Software Engineering. From both personal and academic work, I have experience in developing
-            web applications, mobile applications, some video games and lots of small programs. I'm constantly searching
+            specializing in Software Engineering. Through both personal and academic work, I have experience in developing
+            web applications, mobile applications, some video games and lots of small programs. A small tidbit about me aside from
+            programming is that I really enjoy a nice cup of coffee. I'm constantly searching
             for opportunities to learn and expand my skillset, and I hope to learn from you as well!
           </p>
           <div className="flex flex-row justify-start mt-8">

src/app/components/HeroSection.jsx

@@ -16,7 +16,7 @@ const HeroSection = () => {
           className="col-span-8 place-self-center text-center sm:text-left justify-self-start"
         >
           <h1 className="text-white mb-4 text-4xl sm:text-5xl lg:text-8xl lg:leading-normal font-extrabold">
-            <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-500 via-purple-200 to-red-500">
+            <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary-500 via-secondary-200 to-primary-500">
               Hello, I&apos;m Darren{" "}
             </span>
             <br></br>
@@ -42,13 +42,13 @@ const HeroSection = () => {
           <div>
             <Link
               href="/#contact"
-              className="px-6 inline-block py-3 w-full sm:w-fit rounded-full mr-4 bg-gradient-to-br from-primary-500 to-secondary-500 hover:bg-slate-200 text-white"
+              className="px-6 inline-block py-3 w-full sm:w-fit rounded-full mr-4 bg-gradient-to-br from-primary-500 to-red-400 hover:bg-slate-200 text-white"
             >
               Hire Me
             </Link>
             <Link
-              href="/"
-              className="px-1 inline-block py-1 w-full sm:w-fit rounded-full bg-gradient-to-br from-primary-500 to-secondary-500 hover:bg-slate-800 text-white mt-3"
+              href="/resume/Darren_Trieu_Resume___January_2024.pdf"
+              className="px-1 inline-block py-1 w-full sm:w-fit rounded-full bg-gradient-to-br from-primary-500 to-secondary-100 hover:bg-slate-800 text-white mt-3"
             >
               <span className="block bg-[#121212] hover:bg-slate-800 rounded-full px-5 py-2">
                 Download CV

src/app/components/ProjectCard.jsx

@@ -7,7 +7,7 @@ const ProjectCard = ({ imgUrl, title, description, gitUrl, previewUrl }) => {
     <div>
       <div
         className="h-52 md:h-72 rounded-t-xl relative group"
-        style={{ background: `url(${imgUrl})`, backgroundSize: "cover" }}
+        style={{ background: `url(${imgUrl})`, backgroundSize: "cover", backgroundPosition: "center" }}
       >
         <div className="overlay items-center justify-center absolute top-0 left-0 w-full h-full bg-[#181818] bg-opacity-0 hidden group-hover:flex group-hover:bg-opacity-80 transition-all duration-500 ">
           <Link

src/app/components/ProjectsSection.jsx

@@ -7,55 +7,37 @@ import { motion, useInView } from "framer-motion";
 const projectsData = [
   {
     id: 1,
-    title: "React Portfolio Website",
-    description: "Project 1 description",
-    image: "/images/projects/1.png",
+    title: "Act It Out",
+    description: "Want an easy way to play Charades online with friends?",
+    image: "/images/projects/actitout.gif",
     tag: ["All", "Web"],
-    gitUrl: "/",
+    gitUrl: "https://github.com/UTSCC09/project-verycoolproject",
     previewUrl: "/",
   },
   {
     id: 2,
-    title: "Potography Portfolio Website",
-    description: "Project 2 description",
-    image: "/images/projects/2.png",
+    title: "Passion Pals",
+    description: "Connect with people around the world that share your interest and passions",
+    image: "/images/projects/passionpals-image.gif",
     tag: ["All", "Web"],
-    gitUrl: "/",
+    gitUrl: "https://github.com/CSCC012023/final-project-s23-passion-pals",
     previewUrl: "/",
   },
   {
     id: 3,
-    title: "E-commerce Application",
-    description: "Project 3 description",
-    image: "/images/projects/3.png",
-    tag: ["All", "Web"],
-    gitUrl: "/",
+    title: "Power Platform",
+    description: "A small platforming game made in MARS 4.5 MIPS Assembly",
+    image: "/images/projects/powerplatform.gif",
+    tag: ["All", "Game"],
+    gitUrl: "https://github.com/Pyrunix/b58_assembly_game",
     previewUrl: "/",
   },
   {
     id: 4,
-    title: "Food Ordering Application",
-    description: "Project 4 description",
-    image: "/images/projects/4.png",
-    tag: ["All", "Mobile"],
-    gitUrl: "/",
-    previewUrl: "/",
-  },
-  {
-    id: 5,
-    title: "React Firebase Template",
-    description: "Authentication and CRUD operations",
-    image: "/images/projects/5.png",
-    tag: ["All", "Web"],
-    gitUrl: "/",
-    previewUrl: "/",
-  },
-  {
-    id: 6,
-    title: "Full-stack Roadmap",
-    description: "Project 5 description",
-    image: "/images/projects/6.png",
-    tag: ["All", "Web"],
+    title: "2D Platformer",
+    description: "Made with Unity, a platforming game that features simple combat and movement",
+    image: "/images/projects/2dplatformer.gif",
+    tag: ["All", "Game"],
     gitUrl: "/",
     previewUrl: "/",
   },
@@ -97,8 +79,8 @@ const ProjectsSection = () => {
         />
         <ProjectTag
           onClick={handleTagChange}
-          name="Mobile"
-          isSelected={tag === "Mobile"}
+          name="Game"
+          isSelected={tag === "Game"}
         />
       </div>
       <ul ref={ref} className="grid md:grid-cols-3 gap-8 md:gap-12">

tailwind.config.js

@@ -16,8 +16,8 @@ module.exports = {
     },
     colors: {
       ...colors,
-      primary: colors.purple,
-      secondary: colors.pink,
+      primary: colors.blue,
+      secondary: colors.purple,
     },
   },
   plugins: [],