diff --git a/bun.lockb b/bun.lockb
new file mode 100644
index 0000000..e11bcbf
Binary files /dev/null and b/bun.lockb differ
diff --git a/index.html b/index.html
index e4b78ea..ff514f6 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Gabriel Kaszewski frutiger</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/App.tsx b/src/App.tsx
index ae38a10..e2f88b1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,14 @@
+import home from './assets/icons/home.png';
+import folder from './assets/icons/folder.png';
+import games from './assets/icons/games.png';
+import cv from './assets/icons/cv.png';
+import about from './assets/icons/about.png';
+import disc from './assets/icons/disc.png';
+
 function App() {
   return (
     <main className="w-full h-full min-h-screen flex flex-col items-center justify-center bg-[url('./assets/backgrounds/background2.jpg')] bg-cover bg-center">
-      <div className="w-full max-w-[980px] max-h-[930px] flex-1 flex flex-col glass-sm aero-gradient-light rounded-2xl border-midnight border-[2px]">
+      <div className="w-full max-w-[980px] max-h-[930px] flex-1 flex flex-col glass-sm  rounded-2xl rounded-br-none border-midnight border-[2px]">
         <header className="flex p-[30px] items-center gap-4 rounded-t-2xl text-white border-b-0 aero-gradient">
           <h1 className="text-2xl font-semibold">Gabriel Kaszewski</h1>
           <h2 className="text-lg font-normal">Full-stack Developer</h2>
@@ -13,12 +20,25 @@ function App() {
                 Main
               </p>
               <ul className="flex flex-col gap-1 justify-center">
-                <li className="border-b border-midnight">Home</li>
-                <li className="border-b border-midnight">About</li>
+                <li className="border-b border-midnight">
+                  <a href="#" className="flex items-center gap-2">
+                    <img className="w-6 h-6" src={home} alt="home-icon"></img>
+                    Home
+                  </a>
+                </li>
+                <li className="border-b border-midnight flex items-center gap-2">
+                  <img className="w-6 h-6" src={cv} alt="cv-icon"></img>
+                  CV
+                </li>
+                <li className="border-b border-midnight flex items-center gap-2">
+                  <img className="w-6 h-6" src={about} alt="about-icon"></img>
+                  About
+                </li>
               </ul>
             </section>
             <section className="aero-gradient-dark text-white p-1 rounded-sm">
-              <p className="aero-gradient p-2 border-b border-midnight text-lg">
+              <p className="aero-gradient p-2 border-b border-midnight text-lg flex items-center gap-2">
+                <img src={folder} alt="folder-icon" className="w-6 h-6"></img>
                 Projects
               </p>
               <ul className="flex flex-col gap-1 justify-center">
@@ -28,7 +48,13 @@ function App() {
               </ul>
             </section>
             <section className="aero-gradient-dark text-white p-1 rounded-sm">
-              <p className="aero-gradient p-2 border-b border-midnight text-lg">
+              <p className="aero-gradient p-2 border-b border-midnight text-lg flex items-center gap-2">
+                <img
+                  className="w-6
+                h-6"
+                  src={games}
+                  alt="games-icon"
+                ></img>
                 Games
               </p>
               <ul className="flex flex-col gap-1 justify-center">
@@ -37,16 +63,26 @@ function App() {
                 <li className="border-b border-midnight">Wordle</li>
               </ul>
             </section>
+            <section className="aero-gradient-dark text-white p-1 rounded-sm">
+              <p className="aero-gradient p-2 border-b border-midnight text-lg flex items-center gap-2">
+                <img src={disc} alt="disc-icon" className="w-6 h-6"></img>
+                Multimedia
+              </p>
+              <ul className="flex flex-col gap-1 justify-center">
+                <li className="border-b border-midnight">Podcasts</li>
+                <li className="border-b border-midnight">Photos</li>
+              </ul>
+            </section>
           </aside>
-          <section className="col-span-4 flex flex-col px-8 pt-4 gap-4">
+          <section className="col-span-4 flex flex-col px-8 pt-4 gap-4 overflow-y-auto">
             <article className="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border">
-              <section className="aero-gradient-dark p-2 rounded-lg border-midnight border prose text-white flex flex-col items-center">
+              <section className="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm text-white flex flex-col items-center">
                 <h6 className="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center">
                   Who am I?
                 </h6>
                 <p>
                   Hi, my name is Gabriel Kaszewski, and I am a Bioinformatics
-                  student 🧬 and self-taught full-stack developer 💻.{" "}
+                  student 🧬 and self-taught full-stack developer 💻.{' '}
                 </p>
                 <p>
                   My journey with programming started when I was 11 🚀. I love
@@ -59,6 +95,104 @@ function App() {
                 </p>
               </section>
             </article>
+            <article className="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border w-full">
+              <section className="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-p:m-1 w-full text-white flex flex-col items-center">
+                <h6 className="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center">
+                  My awesome skills
+                </h6>
+                <p>
+                  Below you can find a list of technologies I have experience
+                  with:
+                </p>
+                <ul className="flex flex-wrap gap-1 list-none">
+                  <li>Angular</li>
+                  <li>Azure pipelines</li>
+                  <li>C#</li>
+                  <li>C++</li>
+                  <li>Django</li>
+                  <li>Docker</li>
+                  <li>FastAPI</li>
+                  <li>Git</li>
+                  <li>Java</li>
+                  <li>JavaScript</li>
+                  <li>Linux</li>
+                  <li>PostGIS</li>
+                  <li>PostgreSQL</li>
+                  <li>Python</li>
+                  <li>Qt</li>
+                  <li>React</li>
+                  <li>Rust</li>
+                  <li>SCSS</li>
+                  <li>TailwindCSS</li>
+                  <li>Typescript</li>
+                  <li>Unity</li>
+                </ul>
+              </section>
+            </article>
+            <article className="aero-gradient-glass rounded-lg p-4 flex flex-col border-midnight-light border w-full">
+              <section className="aero-gradient-dark p-2 rounded-lg border-midnight border prose-sm prose-p:m-1 w-full text-white flex flex-col items-center">
+                <h6 className="aero-gradient text-white p-2 border border-midnight rounded-lg w-full items-center flex justify-center">
+                  Work experience
+                </h6>
+
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Python Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    choreograph (2025 - currently)
+                  </p>
+                </section>
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Frontend Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    choreograph (2024 - 2025)
+                  </p>
+                </section>
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Frontend Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    wavemaker (2023 - 2024)
+                  </p>
+                </section>
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Frontend Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    GIAP (2022 - 2023)
+                  </p>
+                </section>
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Python Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    GIAP (2021 - 2023)
+                  </p>
+                </section>
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Python Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    digimonkeys (2021 - currently)
+                  </p>
+                </section>
+                <section>
+                  <h6 className="text-white p-2 w-full items-center flex justify-center">
+                    Unity Developer
+                  </h6>
+                  <p className="border-midnight border-b p-2">
+                    Mobil Titans (2019 - 2020)
+                  </p>
+                </section>
+              </section>
+            </article>
             <span className="flex-1"></span>
             <footer className="text-white gap-2 flex justify-center items-center p-8 rounded-t-lg aero-gradient">
               <p>Powered by loco.rs & Rust 🦀</p>
diff --git a/src/assets/backgrounds/wallpaper.jpeg b/src/assets/backgrounds/wallpaper.jpeg
new file mode 100644
index 0000000..16f0b5e
Binary files /dev/null and b/src/assets/backgrounds/wallpaper.jpeg differ
diff --git a/src/assets/backgrounds/wallpaper2.jpeg b/src/assets/backgrounds/wallpaper2.jpeg
new file mode 100644
index 0000000..960d90e
Binary files /dev/null and b/src/assets/backgrounds/wallpaper2.jpeg differ
diff --git a/src/assets/icons/about.png b/src/assets/icons/about.png
new file mode 100644
index 0000000..8fd107c
Binary files /dev/null and b/src/assets/icons/about.png differ
diff --git a/src/assets/icons/cv.png b/src/assets/icons/cv.png
new file mode 100644
index 0000000..93d721c
Binary files /dev/null and b/src/assets/icons/cv.png differ
diff --git a/src/assets/icons/disc.png b/src/assets/icons/disc.png
new file mode 100644
index 0000000..6ed5040
Binary files /dev/null and b/src/assets/icons/disc.png differ
diff --git a/src/assets/icons/folder.png b/src/assets/icons/folder.png
new file mode 100644
index 0000000..47f10bb
Binary files /dev/null and b/src/assets/icons/folder.png differ
diff --git a/src/assets/icons/games.png b/src/assets/icons/games.png
new file mode 100644
index 0000000..444b017
Binary files /dev/null and b/src/assets/icons/games.png differ
diff --git a/src/assets/icons/home.png b/src/assets/icons/home.png
new file mode 100644
index 0000000..962fb97
Binary files /dev/null and b/src/assets/icons/home.png differ
diff --git a/src/assets/icons/podcast.png b/src/assets/icons/podcast.png
new file mode 100644
index 0000000..19fdd58
Binary files /dev/null and b/src/assets/icons/podcast.png differ
diff --git a/src/assets/icons/video-file.png b/src/assets/icons/video-file.png
new file mode 100644
index 0000000..60c768b
Binary files /dev/null and b/src/assets/icons/video-file.png differ
diff --git a/src/index.css b/src/index.css
index d438340..6927111 100644
--- a/src/index.css
+++ b/src/index.css
@@ -24,7 +24,7 @@
 }
 
 @theme {
-  --default-font-family: "Frutiger", sans-serif;
+  --default-font-family: "Segoe UI", "Frutiger", sans-serif;
   --color-midnight: #3d3d3d;
   --color-midnight-light: #707070;
 }
