diff --git a/.gitignore b/.gitignore
index 9b7c041..ac5b68b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,8 @@
 .DS_Store
 /node_modules/
 
+.env
+
 # React Router
 /.react-router/
 /build/
diff --git a/app/HomePage/HomePage.tsx b/app/HomePage/HomePage.tsx
index 8800df0..c5acb40 100644
--- a/app/HomePage/HomePage.tsx
+++ b/app/HomePage/HomePage.tsx
@@ -468,6 +468,155 @@ function HomePage({ className }: HomePageProps) {
           </div>
         </div>
 
+        <div className="flex flex-col justify-evenly items-center mx-10 md:mx-50 gap-y-5 bg-black/60 p-8 rounded-xl">
+          <div className="bg-black/60 p-6 mx-10 md:mx-50 rounded-xl w-full flex flex-col justify-center items-center shadow-lg">
+            <p className="text-xl text-emerald-200 text-center font-bold mb-2 tracking-wide">
+              My TETR.IO Stats
+            </p>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6 w-full">
+              <div className="rounded-xl p-4 flex flex-col items-center shadow">
+                <p className="text-lg text-emerald-200 font-semibold mb-2">Zenith PB</p>
+                <div className="space-y-2 w-full">
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Peak Rank:</span>
+                    <span>{roundStat(tetrioZenith?.peakRank, 2) ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Altitude:</span>
+                    <span>{roundStat(tetrioZenith?.altitude, 1) ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Floor:</span>
+                    <span>{tetrioZenith?.floorNumber ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Total Lines Cleared:</span>
+                    <span>{tetrioZenith?.totalLinesCleared ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">APM:</span>
+                    <span>{roundStat(tetrioZenith?.apm, 3) ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">PPS:</span>
+                    <span>{roundStat(tetrioZenith?.pps, 3) ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">VS Score:</span>
+                    <span>{roundStat(tetrioZenith?.vsScore, 3) ?? 'DA BEST'}</span>
+                  </div>
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Garbage Sent / Received:</span>
+                    <span>
+                      {tetrioZenith?.garbageSent ?? 'DA BEST'} / {tetrioZenith?.garbageReceived ?? 'DA BEST'}
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div className=" rounded-xl p-4 flex flex-col items-center shadow">
+                <p className="text-lg text-emerald-200 font-semibold mb-2">Gameplay</p>
+                <div className="space-y-2 w-full">
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Favourite Piece:</span>
+                    <span>T PIECE 100%</span>
+                  </div>
+
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">Level:</span>
+                    <span>{roundStat(calculateLevel(tetrioUser?.xp), 0) ?? 'DA BEST'}</span>
+                  </div>
+
+                  <div className="flex justify-between text-white">
+                    <span className="font-medium">XP:</span>
+                    <span>{roundStat(tetrioUser?.xp, 3) ?? 'DA BEST'}</span>
+                  </div>
+                </div>
+
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <div className="flex flex-col md:justify-evenly items-center mx-10 md:mx-50 bg-black/60 p-8 rounded-xl gap-y-5">
+          <div className="mx-10 bg-black/60 md:p-16 p-5 rounded-xl flex flex-col justify-evenly gap-y-5 w-full">
+            <p className="text-xl text-emerald-200 text-center font-bold">
+              Work Experience
+            </p>
+
+            <ol className="relative border-s border-teal-900 dark:border-emerald-200">
+              <li className="mb-10 ms-4">
+                <div className="absolute w-3 h-3 bg-emerald-200 rounded-full mt-1.5 -start-1.5 border border-teal-900"></div>
+                <time className="mb-1 text-sm font-normal leading-none text-emerald-200">
+                  Jan-Apr 2025
+                </time>
+                <h3 className="text-lg font-semibold text-white">
+                  Software Developer Co-op @ Rocket Innovation Studio
+                </h3>
+                <p className="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
+                  Worked on backend development using C# and ASP.NET Core.
+                  Implemented JWT authentication and custom role-based access
+                  control with Auth0. Refactored API endpoints to use async
+                  programming and updated 20+ comprehensive unit tests using
+                  MSTest, xUnit, and NSubstitute. Participated in simple and
+                  blue-green production deployments with CI/CD pipelines in
+                  Azure DevOps while collaborating in an Agile environment.
+                </p>
+              </li>
+              <li className="mb-10 ms-4">
+                <div className="absolute w-3 h-3 bg-emerald-200 rounded-full mt-1.5 -start-1.5 border border-teal-900"></div>
+                <time className="mb-1 text-sm font-normal leading-none text-emerald-200">
+                  May-Aug 2024
+                </time>
+                <h3 className="text-lg font-semibold text-white">
+                  Research Assistant @ Pearl Sullivan Engineering IDEAs Clinic
+                </h3>
+                <p className="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
+                  Designed and implemented real-time audio signal processing
+                  systems using STM32 microcontrollers, utilizing ADC with DMA,
+                  timers, and I2C to capture and transmit microphone signals.
+                  Handled and processed large-scale sensor data streams using
+                  Pandas and Matplotlib, applying low-pass and moving average
+                  filters to denoise live data with 80% noise reduction.
+                </p>
+              </li>
+              <li className="ms-4">
+                <div className="absolute w-3 h-3 bg-emerald-200 rounded-full mt-1.5 -start-1.5 border border-teal-900"></div>
+                <time className="mb-1 text-sm font-normal leading-none text-emerald-200">
+                  Jun-Aug 2022
+                </time>
+                <h3 className="text-lg font-semibold text-white">
+                  Line Cook @ Boston Pizza
+                </h3>
+                <p className="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
+                  Played Papa's Pizzeria IRL.
+                </p>
+              </li>
+            </ol>
+          </div>
+
+          <div className="mx-10 bg-black/60 md:p-16 p-5 rounded-xl flex flex-col justify-evenly gap-y-5 w-full">
+            <p className="text-xl text-emerald-200 text-center font-bold">
+              Skills
+            </p>
+
+            <ul className="list-disc list-inside text-white break-words block text-wrap">
+              <li className="break-words whitespace-normal">
+                <b>Languages</b>: C++, C#, Python, HTML/CSS,
+                Javascript/Typescript, SQL, RISC-V, MatLab
+              </li>
+              <li className="break-words whitespace-normal">
+                <b>Libraries/Frameworks</b>: ASP.NET, React.js, Angular.js,
+                Tailwind CSS, Flowbite, MagicUI, scikit-learn, Pandas,
+                Matplotlib{" "}
+              </li>
+              <li className="break-words whitespace-normal">
+                <b>Firmware</b>: STM, Arduino, I2C, ADC/DAC, DMA
+              </li>
+            </ul>
+          </div>
+        </div>
+
         <div className="h-15"></div>
       </div>
     </div>