about section

src/sections/AboutSection.tsx

@@ -1,3 +1,4 @@
+import { FaBriefcase, FaHeart, FaStar, FaUserGraduate } from 'react-icons/fa';
 import { StyledAbout } from '../components/styles/About.styled';
 import { StyledCursor } from '../components/styles/Cursor.styled';
 import { StyledSectionHeader } from '../components/styles/SectionHeader.styled';
@@ -33,6 +34,40 @@ function AboutSection() {
           </p>
         </div>
       </div>
+
+      <div className="about-stats">
+        <div className="stat-item">
+          <h1>
+            <FaStar />
+            <div>Pasjonat programowania</div>
+          </h1>
+          <p>od 9 lat</p>
+        </div>
+
+        <div className="stat-item">
+          <h1>
+            <FaUserGraduate />
+            <div>Wykształcenie</div>
+          </h1>
+          <p>wyższe - absolwent informatyki</p>
+        </div>
+
+        <div className="stat-item">
+          <h1>
+            <FaHeart />
+            <div>Ulubione technologie</div>
+          </h1>
+          <p>Vue.js, Typescript</p>
+        </div>
+
+        <div className="stat-item">
+          <h1>
+            <FaBriefcase />
+            <div>Zaawansowanie zawodowe</div>
+          </h1>
+          <p>junior</p>
+        </div>
+      </div>
     </StyledAbout>
   );
 }