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" /> diff --git a/src/components/sections/about/TextSplitAbout.tsx b/src/components/sections/about/TextSplitAbout.tsx index 7b1c54c..c736f59 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 = ({ >
-
+
+ {imageSrc && imageAlt && ( + + )}