Bob AI: change border radius to pill style

src/app/page.tsx

@@ -17,7 +17,7 @@ export default function LandingPage() {
     <ThemeProvider
       defaultButtonVariant="expand-hover"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
+      borderRadius="pill"
       contentWidth="compact"
       sizing="mediumLarge"
       background="none"

src/components/sections/hero/HeroSplitDualMedia.tsx

@@ -137,7 +137,7 @@ const HeroSplitDualMedia = ({
             <div className={cls("w-content-width mx-auto flex flex-col md:flex-row gap-13 md:gap-15 items-center relative z-10", containerClassName)}>
                 <div className="w-full md:w-1/2">
                     <TextBox
-                        title="Yo, Bob!"
+                        title={title}
                         description={description}
                         tag={tag}
                         tagIcon={tagIcon}
@@ -152,7 +152,7 @@ const HeroSplitDualMedia = ({
                         center={true}
                     />
                     <TextBox
-                        title="Yo, Bob!"
+                        title={title}
                         description={description}
                         tag={tag}
                         tagIcon={tagIcon}