diff --git a/package-lock.json b/package-lock.json
index c0c9ca4..005aa6b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3115,9 +3115,10 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.6.8",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
-      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
+      "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
+      "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
diff --git a/src/app/modules/carousels/cardBuilder.tsx b/src/app/modules/carousels/cardBuilder.tsx
index 95b565e..cede903 100644
--- a/src/app/modules/carousels/cardBuilder.tsx
+++ b/src/app/modules/carousels/cardBuilder.tsx
@@ -27,13 +27,15 @@ export default function CarouselCard({
   description,
   link,
   linkText,
+  titleLink,
 }: {
   id: number,
   title: string,
   image: string,
   description: string,
   link: string,
-  linkText: string
+  linkText: string,
+  titleLink: string
   }): React.JSX.Element {
   return (
     <div
@@ -65,9 +67,9 @@ export default function CarouselCard({
           className=''
         />
       </div>
-      <div className='text-xl font-bold'>
+      <Link className='text-xl font-bold' href={titleLink}>
         {title}
-      </div>
+      </Link>
       <p>
         {description}
       </p>
diff --git a/src/app/modules/carousels/carousel.json b/src/app/modules/carousels/carousel.json
index c25b065..7244ca1 100644
--- a/src/app/modules/carousels/carousel.json
+++ b/src/app/modules/carousels/carousel.json
@@ -2,14 +2,16 @@
     {
         "id": 1,
         "title": "Analytical Tasks and Leaderboards",
+        "titleLink": "/analyses",
         "description": "Test your algorithms against predefined tasks and compare how it performs with others in your field",
         "image": "/static/assets/profilecovers/kittens.jpg",
-        "link": "/analyses",
+        "link": "/register",
         "linkText": "Sign Up Now"
     },
     {
         "id": 2,
         "title": "Resources",
+        "titleLink": "/resources",
         "description": "For information about how to contribute to the validation hub",
         "image": "/static/assets/profilecovers/pupper.jpg",
         "link": "/resources",
diff --git a/src/app/modules/carousels/carouselBuilder.tsx b/src/app/modules/carousels/carouselBuilder.tsx
index 17e0be6..684d591 100644
--- a/src/app/modules/carousels/carouselBuilder.tsx
+++ b/src/app/modules/carousels/carouselBuilder.tsx
@@ -24,6 +24,7 @@ type Slide = {
   description: string,
   link: string,
   linkText: string,
+  titleLink: string,
 }
 
 type PropType = {
@@ -56,6 +57,7 @@ const EmblaCarousel: React.FC<PropType> = (props) => {
               description,
               link,
               linkText,
+              titleLink,
             } = slide;
             return (
               <div className="
@@ -70,6 +72,7 @@ const EmblaCarousel: React.FC<PropType> = (props) => {
                   description={description}
                   link={link}
                   linkText={linkText}
+                  titleLink={titleLink}
                 />
               </div>
             );
diff --git a/src/app/modules/profile/actions.tsx b/src/app/modules/profile/actions.tsx
new file mode 100644
index 0000000..9f1e70c
--- /dev/null
+++ b/src/app/modules/profile/actions.tsx
@@ -0,0 +1,16 @@
+'use client';
+// *********** START OF IMPORTS ***********
+/* eslint-disable no-unused-vars */
+import React, {useEffect, useState} from 'react';
+import DialogAction from '@mui/material/DialogActions';
+import {useRouter} from 'next/navigation';
+
+// *********** MODULE IMPORTS ***********
+
+import CookieService from '@/services/cookie_service';
+import UserService from '@/services/user_service';
+import Elink from '@/app/modules/elink/elink';
+
+// *********** REDUX IMPORTS ***********
+
+// *********** END OF IMPORTS ***********
diff --git a/src/app/modules/profile/personal.tsx b/src/app/modules/profile/personal.tsx
new file mode 100644
index 0000000..a11ee00
--- /dev/null
+++ b/src/app/modules/profile/personal.tsx
@@ -0,0 +1,51 @@
+'use client';
+// *********** START OF IMPORTS ***********
+/* eslint-disable no-unused-vars */
+import React, {useEffect, useState} from 'react';
+import {
+  Avatar,
+  Card,
+  CardContent,
+  CardMedia,
+  CircularProgress,
+  Grid, Typography,
+  TextField,
+  Button,
+  CardActions,
+} from '@mui/material';
+import {Box} from '@mui/system';
+import {styled} from '@mui/material/styles';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogAction from '@mui/material/DialogActions';
+
+// *********** MODULE IMPORTS ***********
+
+import CookieService from '@/services/cookie_service';
+import UserService from '@/services/user_service';
+import Elink from '@/app/modules/elink/elink';
+
+// *********** REDUX IMPORTS ***********
+
+// *********** END OF IMPORTS ***********
+
+// *********** START OF TYPES ***********
+
+type UserDetails = {
+    username: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    githubLink: string;
+    addtlLinks: string[];
+  }
+
+// *********** END OF TYPES ***********
+
+/**
+ *
+ * @return {JSX.Element}
+ */
+export default function PersonalDetails() {
+  return 'hi';
+}
diff --git a/src/app/modules/profile/tasks.tsx b/src/app/modules/profile/tasks.tsx
new file mode 100644
index 0000000..9f1e70c
--- /dev/null
+++ b/src/app/modules/profile/tasks.tsx
@@ -0,0 +1,16 @@
+'use client';
+// *********** START OF IMPORTS ***********
+/* eslint-disable no-unused-vars */
+import React, {useEffect, useState} from 'react';
+import DialogAction from '@mui/material/DialogActions';
+import {useRouter} from 'next/navigation';
+
+// *********** MODULE IMPORTS ***********
+
+import CookieService from '@/services/cookie_service';
+import UserService from '@/services/user_service';
+import Elink from '@/app/modules/elink/elink';
+
+// *********** REDUX IMPORTS ***********
+
+// *********** END OF IMPORTS ***********