diff --git a/public/founder-vadym.png b/public/founder-vadym.png
new file mode 100644
index 0000000..0703c17
Binary files /dev/null and b/public/founder-vadym.png differ
diff --git a/src/pages/AboutPage.css b/src/pages/AboutPage.css
index 6128663..d6eb235 100644
--- a/src/pages/AboutPage.css
+++ b/src/pages/AboutPage.css
@@ -140,6 +140,9 @@
/* Founder */
.about-founder-card {
+ display: flex;
+ gap: 2.5rem;
+ align-items: center;
max-width: 900px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.05);
@@ -151,6 +154,26 @@
transition: box-shadow 0.4s, border-color 0.4s;
}
+.about-founder-photo {
+ flex-shrink: 0;
+}
+
+.about-founder-img {
+ width: 160px;
+ height: 160px;
+ border-radius: 50%;
+ object-fit: cover;
+ object-position: top;
+ border: 3px solid rgba(255, 91, 4, 0.3);
+ box-shadow: 0 0 30px rgba(255, 91, 4, 0.12);
+ transition: border-color 0.3s, box-shadow 0.3s;
+}
+
+.about-founder-img:hover {
+ border-color: var(--orange-100);
+ box-shadow: 0 0 40px rgba(255, 91, 4, 0.2);
+}
+
.about-founder-info h3 {
font-size: 1.5rem;
font-weight: 800;
@@ -305,8 +328,14 @@
}
.about-founder-card {
+ flex-direction: column;
+ text-align: center;
padding: 2rem;
}
+
+ .about-founder-details li {
+ text-align: left;
+ }
}
@media (max-width: 600px) {
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index c969731..2a972b1 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -249,6 +249,9 @@ const AboutPage = () => {
{...fadeUp}
whileHover={{ borderColor: 'rgba(255, 91, 4, 0.4)', boxShadow: '0 8px 40px rgba(255, 91, 4, 0.1)', transition: { duration: 0.3 } }}
>
+
+