diff --git a/app/dashboard/layout.tsx b/app/dashboard/layout.tsx
index db8ade6..f6e3612 100644
--- a/app/dashboard/layout.tsx
+++ b/app/dashboard/layout.tsx
@@ -23,10 +23,10 @@ export default function RootLayout({
       <body
         className={`${inter.className} bg-[#030014] overflow-y-scroll overflow-x-hidden`}
       >
+        <Navbar />
         <StarsCanvas />
-        {/* <Navbar /> */}
-        <Dashboard />
-        {/* <Footer /> */}
+        <Dashboard  />
+        <Footer />
       </body>
     </html>
   );
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 256cd0c..011ba44 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -1,14 +1,48 @@
-export default function Dashboard() {
+import ProfilePicture from '../../components/Image/image';
+import Openedu from '../../components/openedu/openedu';
+import Codingplatform from '../../components/codingplatform/codingplatform';
+import Notification from '../../components/notification/notification';
+import Experience from '../../components/experience/experience';
+import Projects from '../../components/projects/projects';
+import Education from '../../components/education/education'
+
+export default function Dashboard({}) {
   return (
-    <main className="h-full w-full text-white">
-      <div className="flex flex-col gap-20">
-        <div>Name</div>
-        <div>email</div>
-        <div>Other details like github stats, cp stats, proj, exp so on...</div>
-        {/*
-         * // TODO connect with @OpenEdu's prublic profile builder
-         */}
-      </div>
-    </main>
+    <>
+      <main className="text-white flex justify-center mt-16 pt-10 pr-16 pl-16">
+        <div className="w-full max-w-4xl border border-gray-300 p-4 bg-gray-900 rounded-lg shadow-lg">
+          <div className="flex flex-row">
+            {/* Section 1: Profile Picture */}
+            <div className='flex '>
+            <div className="mr-4 inline-block	">
+              <ProfilePicture />
+            </div>
+            
+            {/* Section 2: Details */}
+            <div className="flex-1 flex flex-col gap-1 pl-2 pr-2 mt-4 text-lg font-bold"> {/* Adjusted padding */}
+              <div>Name : <span className='font-normal'>{}</span></div>
+              <div >Email : <span className='font-normal'>{}</span></div>
+              <div>Branch : <span className='font-normal'>{}</span></div>
+              <div>Section : <span className='font-normal'>{}</span></div>
+              <div>Stat : <span className='font-normal'>{}</span></div>
+              
+             
+            </div>
+            </div>
+            
+            {/* Section 3: Edit Button */}
+            <div className="flex-1 text-end ml-4 inline-block	">
+              <button className="bg-blue-500 text-white px-4 rounded font-semibold">Edit</button>
+            </div>
+          </div>
+        </div>
+      </main>
+      <Openedu/>
+      <Codingplatform/>
+      <Notification/>
+      <Experience/>
+      <Projects/>
+      <Education/>
+    </>
   );
 }
diff --git a/components/Image/github.png b/components/Image/github.png
new file mode 100644
index 0000000..c9a5b90
Binary files /dev/null and b/components/Image/github.png differ
diff --git a/components/Image/image.tsx b/components/Image/image.tsx
new file mode 100644
index 0000000..5ae02ce
--- /dev/null
+++ b/components/Image/image.tsx
@@ -0,0 +1,65 @@
+import Image from "next/image";
+import twitterlogo from "./twitter.png";
+import linkedinlogo from "./linkedin.png";
+import githublogo from "./github.png";
+
+function ProfilePicture({}) {
+  return (
+    <>
+      <Image src={githublogo} objectFit="cover" alt="User Profile" width={60} height={70} />
+      <div className="mt-4">
+        <a
+          href="#"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-500 hover:text-blue-700 hover:underline flex items-center"
+        >
+          <Image
+            className=" inline-block"
+            src={githublogo}
+            width={25}
+            height={25}
+            alt="Github"
+          />
+          <span className="text-sm ml-1">Github</span>
+        </a>
+        <div className="">
+          <a
+            href= '#'
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-500 hover:text-blue-700 hover:underline flex items-center"
+          >
+            <Image
+              className="mt-1 inline-block"
+              src={linkedinlogo}
+              width={25}
+              height={20}
+              alt="Linkedin"
+            />
+            <span className="text-sm ml-1">Linkedin</span>
+          </a>
+        </div>
+        <div className="">
+          <a
+            href="#"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="text-blue-500 hover:text-blue-700 hover:underline flex items-center"
+          >
+            <Image
+              className="mt-1 inline-block"
+              src={twitterlogo}
+              width={25}
+              height={30}
+              alt="Twitter"
+            />
+            <span className="text-sm ml-1">Twitter</span>
+          </a>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default ProfilePicture;
diff --git a/components/Image/linkedin.png b/components/Image/linkedin.png
new file mode 100644
index 0000000..eac6de8
Binary files /dev/null and b/components/Image/linkedin.png differ
diff --git a/components/Image/twitter.png b/components/Image/twitter.png
new file mode 100644
index 0000000..d4a2760
Binary files /dev/null and b/components/Image/twitter.png differ
diff --git a/components/codingplatform/codingplatform.tsx b/components/codingplatform/codingplatform.tsx
new file mode 100644
index 0000000..2c4f655
--- /dev/null
+++ b/components/codingplatform/codingplatform.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+
+function Codingplatform({  }) {
+  return (
+    <section className="text-white flex justify-center mt-5 pr-16 pl-16">
+      <div className="w-full max-w-4xl border border-gray-300 p-4 bg-gray-900 rounded-lg shadow-lg">
+        <div className="text-center text-2xl font-bold mb-4">
+          Coding Platform Ratings
+        </div>
+        <div className="flex flex-col space-y-2">
+          <div className="flex justify-between">
+            <span className="font-semibold">Codechef Rating: </span>
+            <span>{}</span>
+          </div>
+          <div className="flex justify-between">
+            <span className="font-semibold">Codeforces Rating: </span>
+            <span>{}</span>
+          </div>
+          <div className="flex justify-between">
+            <span className="font-semibold">Leetcode Rating: </span>
+            <span>{}</span>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+export default Codingplatform;
diff --git a/components/education/education.tsx b/components/education/education.tsx
new file mode 100644
index 0000000..44c9d6e
--- /dev/null
+++ b/components/education/education.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+function Education() {
+  return (
+    <main className="text-white flex justify-center mt-5 pl-16 pr-16 mb-20">
+      <div className="w-full max-w-5xl border border-gray-300 p-4 bg-gray-900 rounded-lg shadow-lg">
+        <div className="text-center text-2xl font-bold mb-4">Education</div>
+      </div>
+    </main>
+  );
+}
+
+export default Education;
diff --git a/components/experience/experience.tsx b/components/experience/experience.tsx
new file mode 100644
index 0000000..00710ef
--- /dev/null
+++ b/components/experience/experience.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+function Experience() {
+  return (
+    <main className="text-white flex justify-center mt-5 pl-16 pr-16">
+      <div className="w-full max-w-5xl border border-gray-300 p-4 bg-gray-900 rounded-lg shadow-lg">
+        <div className="text-center text-2xl font-bold mb-4">Experience</div>
+      </div>
+    </main>
+  );
+}
+
+export default Experience;
diff --git a/components/notification/notification.tsx b/components/notification/notification.tsx
new file mode 100644
index 0000000..8b39f57
--- /dev/null
+++ b/components/notification/notification.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+function Notification() {
+ 
+
+  return (
+    <main className="text-white flex justify-center mt-5 pl-16 pr-16">
+      <div className="w-full max-w-5xl border border-gray-300 p-4 bg-gray-900 rounded-lg shadow-lg">
+        <div className="text-center text-2xl font-bold mb-4">Notifications</div>
+      </div>
+    </main>
+  );
+}
+
+export default Notification;
diff --git a/components/openedu/openedu.tsx b/components/openedu/openedu.tsx
new file mode 100644
index 0000000..fe98019
--- /dev/null
+++ b/components/openedu/openedu.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+
+function Openedu() {
+  return (
+    <>
+      <main className="text-white flex justify-center mt-5 pr-16 pl-16">
+        <div className="w-full max-w-5xl border border-gray-300 p-4 font-bold bg-gray-900 rounded-lg shadow-lg mr-3">
+          <a href="">
+            <div className="text-center">Connect with OpenEdu to get stats</div>
+          </a>
+        </div>
+        <div className="w-full max-w-6xl border border-gray-300 p-4 font-bold bg-gray-900 rounded-lg shadow-lg ">
+          <a href="">
+            <div className="text-center">Public Profile Builder</div>
+          </a>
+        </div>
+      </main>
+    </>
+  );
+}
+
+export default Openedu;
diff --git a/components/projects/projects.tsx b/components/projects/projects.tsx
new file mode 100644
index 0000000..0371645
--- /dev/null
+++ b/components/projects/projects.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+
+function Projects() {
+  
+  return (
+    <section className="text-white flex justify-center mt-5 pr-16 pl-16">
+      <div className="w-full max-w-4xl border border-gray-300 p-4 bg-gray-900 rounded-lg shadow-lg">
+     
+   
+        <div className="text-center text-2xl font-bold mb-4">Projects</div>
+
+        
+      </div>
+    
+    </section>
+  );
+}
+
+export default Projects;
diff --git a/package-lock.json b/package-lock.json
index 8454cf5..c384efa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,9 +9,9 @@
       "version": "0.1.0",
       "dependencies": {
         "@heroicons/react": "^2.0.18",
-        "next": "13.5.6",
-        "react": "^18",
-        "react-dom": "^18",
+        "next": "^14.2.5",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "react-icons": "^4.11.0"
       },
       "devDependencies": {
@@ -271,9 +271,10 @@
       "dev": true
     },
     "node_modules/@next/env": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
-      "integrity": "sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw=="
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.5.tgz",
+      "integrity": "sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==",
+      "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "13.5.6",
@@ -285,12 +286,13 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.6.tgz",
-      "integrity": "sha512-5nvXMzKtZfvcu4BhtV0KH1oGv4XEW+B+jOfmBdpFI3C7FrB/MfujRpWYSBBO64+qbW8pkZiSyQv9eiwnn5VIQA==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.5.tgz",
+      "integrity": "sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -300,12 +302,13 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.6.tgz",
-      "integrity": "sha512-6cgBfxg98oOCSr4BckWjLLgiVwlL3vlLj8hXg2b+nDgm4bC/qVXXLfpLB9FHdoDu4057hzywbxKvmYGmi7yUzA==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.5.tgz",
+      "integrity": "sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -315,12 +318,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.6.tgz",
-      "integrity": "sha512-txagBbj1e1w47YQjcKgSU4rRVQ7uF29YpnlHV5xuVUsgCUf2FmyfJ3CPjZUvpIeXCJAoMCFAoGnbtX86BK7+sg==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.5.tgz",
+      "integrity": "sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -330,12 +334,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.6.tgz",
-      "integrity": "sha512-cGd+H8amifT86ZldVJtAKDxUqeFyLWW+v2NlBULnLAdWsiuuN8TuhVBt8ZNpCqcAuoruoSWynvMWixTFcroq+Q==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.5.tgz",
+      "integrity": "sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -345,12 +350,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.6.tgz",
-      "integrity": "sha512-Mc2b4xiIWKXIhBy2NBTwOxGD3nHLmq4keFk+d4/WL5fMsB8XdJRdtUlL87SqVCTSaf1BRuQQf1HvXZcy+rq3Nw==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.5.tgz",
+      "integrity": "sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -360,12 +366,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.6.tgz",
-      "integrity": "sha512-CFHvP9Qz98NruJiUnCe61O6GveKKHpJLloXbDSWRhqhkJdZD2zU5hG+gtVJR//tyW897izuHpM6Gtf6+sNgJPQ==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.5.tgz",
+      "integrity": "sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -375,12 +382,13 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.6.tgz",
-      "integrity": "sha512-aFv1ejfkbS7PUa1qVPwzDHjQWQtknzAZWGTKYIAaS4NMtBlk3VyA6AYn593pqNanlicewqyl2jUhQAaFV/qXsg==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.5.tgz",
+      "integrity": "sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -390,12 +398,13 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.6.tgz",
-      "integrity": "sha512-XqqpHgEIlBHvzwG8sp/JXMFkLAfGLqkbVsyN+/Ih1mR8INb6YCc2x/Mbwi6hsAgUnqQztz8cvEbHJUbSl7RHDg==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.5.tgz",
+      "integrity": "sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==",
       "cpu": [
         "ia32"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -405,12 +414,13 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.6.tgz",
-      "integrity": "sha512-Cqfe1YmOS7k+5mGu92nl5ULkzpKuxJrP3+4AEuPmrpFZ3BHxTY3TnHmU1On3bFmFFs6FbTcdF58CCUProGpIGQ==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.5.tgz",
+      "integrity": "sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -647,11 +657,19 @@
       "integrity": "sha512-qC/xYId4NMebE6w/V33Fh9gWxLgURiNYgVNObbJl2LZv0GUUItCcCqC5axQSwRaAgaxl2mELq1rMzlswaQ0Zxg==",
       "dev": true
     },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "license": "Apache-2.0",
       "dependencies": {
+        "@swc/counter": "^0.1.3",
         "tslib": "^2.4.0"
       }
     },
@@ -2710,11 +2728,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
     "node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@@ -3704,37 +3717,39 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "13.5.6",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.5.6.tgz",
-      "integrity": "sha512-Y2wTcTbO4WwEsVb4A8VSnOsG1I9ok+h74q0ZdxkwM3EODqrs4pasq7O0iUxbcS9VtWMicG7f3+HAj0r1+NtKSw==",
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.5.tgz",
+      "integrity": "sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==",
+      "license": "MIT",
       "dependencies": {
-        "@next/env": "13.5.6",
-        "@swc/helpers": "0.5.2",
+        "@next/env": "14.2.5",
+        "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
         "postcss": "8.4.31",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
+        "styled-jsx": "5.1.1"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=16.14.0"
+        "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.5.6",
-        "@next/swc-darwin-x64": "13.5.6",
-        "@next/swc-linux-arm64-gnu": "13.5.6",
-        "@next/swc-linux-arm64-musl": "13.5.6",
-        "@next/swc-linux-x64-gnu": "13.5.6",
-        "@next/swc-linux-x64-musl": "13.5.6",
-        "@next/swc-win32-arm64-msvc": "13.5.6",
-        "@next/swc-win32-ia32-msvc": "13.5.6",
-        "@next/swc-win32-x64-msvc": "13.5.6"
+        "@next/swc-darwin-arm64": "14.2.5",
+        "@next/swc-darwin-x64": "14.2.5",
+        "@next/swc-linux-arm64-gnu": "14.2.5",
+        "@next/swc-linux-arm64-musl": "14.2.5",
+        "@next/swc-linux-x64-gnu": "14.2.5",
+        "@next/swc-linux-x64-musl": "14.2.5",
+        "@next/swc-win32-arm64-msvc": "14.2.5",
+        "@next/swc-win32-ia32-msvc": "14.2.5",
+        "@next/swc-win32-x64-msvc": "14.2.5"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -3743,6 +3758,9 @@
         "@opentelemetry/api": {
           "optional": true
         },
+        "@playwright/test": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
@@ -4321,6 +4339,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -4344,6 +4363,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -5510,18 +5530,6 @@
         "uuid": "dist/bin/uuid"
       }
     },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/webgl-constants": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/webgl-constants/-/webgl-constants-1.1.1.tgz",
diff --git a/package.json b/package.json
index a94e1f3..291c14c 100644
--- a/package.json
+++ b/package.json
@@ -10,9 +10,9 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "next": "13.5.6",
-    "react": "^18",
-    "react-dom": "^18",
+    "next": "^14.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-icons": "^4.11.0"
   },
   "devDependencies": {
diff --git a/public/github.png b/public/github.png
new file mode 100644
index 0000000..d2a496c
Binary files /dev/null and b/public/github.png differ
