Update src/app/page.tsx

src/components/sections/hero/HeroSplitDualMedia.tsx

@@ -151,6 +151,21 @@ const HeroSplitDualMedia = ({
                         buttonTextClassName={cls("text-base", buttonTextClassName)}
                         center={true}
                     />
+                    <TextBox
+                        title={title}
+                        description={description}
+                        tag={tag}
+                        tagIcon={tagIcon}
+                        buttons={buttons}
+                        className={cls("hidden md:flex flex-col gap-3 md:gap-4", textBoxClassName)}
+                        titleClassName={cls("text-7xl 2xl:text-8xl font-medium text-center md:text-left text-balance", titleClassName)}
+                        descriptionClassName={cls("max-w-8/10 text-lg md:text-xl leading-[1.2] text-center md:text-left", descriptionClassName)}
+                        tagClassName={cls("w-fit px-3 py-1 text-sm rounded-theme card text-foreground inline-flex items-center gap-2 mb-3", tagClassName)}
+                        buttonContainerClassName={cls("flex flex-wrap gap-4 mt-2", buttonContainerClassName)}
+                        buttonClassName={buttonClassName}
+                        buttonTextClassName={cls("text-base", buttonTextClassName)}
+                        center={false}
+                    />
                     {ratingElement}
                 </div>