diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5f544c3..9e1bb51 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,7 +3,7 @@ import "./globals.css";
 
 //! Update metadata to match your project
 export const metadata: Metadata = {
-  title: "Create Next App",
+  title: "2024 TL Bootcamp - James",
   description: "Generated by create next app",
 };
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ba5e808..b653362 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,15 @@
 import Navbar from "@/components/Navbar";
+import style from "@/styles/page.module.css";
 
 export default function Home() {
   return (
     <main>
       <Navbar />
       <h1>Home</h1>
+      <div className={style["about"]}>
+        <p>Hi! My name is James and I&apos;m currently a 3rd year Computer Engineer.</p>
+        <p>Please make a merge conflict for me!</p>
+      </div>
     </main>
   );
 }
diff --git a/src/styles/example.module.css b/src/styles/example.module.css
deleted file mode 100644
index 56d4ddc..0000000
--- a/src/styles/example.module.css
+++ /dev/null
@@ -1 +0,0 @@
-/* DELETE ME */
diff --git a/src/styles/page.module.css b/src/styles/page.module.css
new file mode 100644
index 0000000..10b5313
--- /dev/null
+++ b/src/styles/page.module.css
@@ -0,0 +1,11 @@
+.about {
+    display:flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 20px;
+    background-color: rgba(4, 9, 30, 0.3);
+    border: 5px solid black;
+    border-radius: 10px;
+    border-style: double;
+}
\ No newline at end of file