From e87e9cb84c4d09b9601ec48d82fcae3214c4d0e2 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 24 Mar 2026 16:23:21 +0000
Subject: [PATCH 1/2] Bob AI: Add an image of Dmitry to the 'about' section.

---
 src/app/page.tsx                                 |  2 ++
 src/components/sections/about/TextSplitAbout.tsx | 14 +++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 37230b3..4f3aebf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -127,6 +127,8 @@ export default function LandingPage() {
       ]}
       buttonAnimation="slide-up"
       showBorder={false}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AO9gCSLoDdKgboXV6NtXXgvfy1/dmitry-kudin-headshot-1774368740000-abcdef.png"
+      imageAlt="Dmitry Kudin professional headshot"
     />
   </div>
 
diff --git a/src/components/sections/about/TextSplitAbout.tsx b/src/components/sections/about/TextSplitAbout.tsx
index 7b1c54c..a2d740a 100644
--- a/src/components/sections/about/TextSplitAbout.tsx
+++ b/src/components/sections/about/TextSplitAbout.tsx
@@ -2,6 +2,7 @@
 
 import TextAnimation from "@/components/text/TextAnimation";
 import Button from "@/components/button/Button";
+import MediaContent from "@/components/shared/MediaContent";
 import { cls } from "@/lib/utils";
 import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
@@ -16,6 +17,8 @@ interface TextSplitAboutProps {
   showBorder?: boolean;
   useInvertedBackground: boolean;
   ariaLabel?: string;
+  imageSrc?: string;
+  imageAlt?: string;
   className?: string;
   containerClassName?: string;
   titleClassName?: string;
@@ -33,6 +36,8 @@ const TextSplitAbout = ({
   showBorder = false,
   useInvertedBackground = false,
   ariaLabel = "About section",
+  imageSrc,
+  imageAlt,
   className = "",
   containerClassName = "",
   titleClassName = "",
@@ -51,7 +56,14 @@ const TextSplitAbout = ({
     >
       <div className={cls("w-content-width mx-auto flex flex-col gap-30", containerClassName)}>
         <div className="flex flex-col md:flex-row gap-3 md:gap-15">
-          <div className="w-full md:w-1/2">
+          <div className="w-full md:w-1/2 flex flex-col gap-6">
+            {imageSrc && imageAlt && (
+              <MediaContent
+                imageSrc={imageSrc}
+                imageAlt={imageAlt}
+                className="w-full h-auto rounded-theme object-cover"
+              />
+            )}
             <TextAnimation
               type={theme.defaultTextAnimation}
               text={title}
-- 
2.49.1


From 50a4e307629ae01eaec15e9a84b32b18ed616d60 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 24 Mar 2026 16:24:25 +0000
Subject: [PATCH 2/2] Bob AI: fix CI errors from Add an image of Dmitry to the
 'about' se

---
 src/components/sections/about/TextSplitAbout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/sections/about/TextSplitAbout.tsx b/src/components/sections/about/TextSplitAbout.tsx
index a2d740a..c736f59 100644
--- a/src/components/sections/about/TextSplitAbout.tsx
+++ b/src/components/sections/about/TextSplitAbout.tsx
@@ -59,9 +59,9 @@ const TextSplitAbout = ({
           <div className="w-full md:w-1/2 flex flex-col gap-6">
             {imageSrc && imageAlt && (
               <MediaContent
-                imageSrc={imageSrc}
-                imageAlt={imageAlt}
-                className="w-full h-auto rounded-theme object-cover"
+                src={imageSrc}
+                alt={imageAlt}
+                imageClassName="w-full h-auto rounded-theme object-cover"
               />
             )}
             <TextAnimation
-- 
2.49.1