Bob AI: change background to dots pattern

src/app/page.tsx

@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="sharp"
       contentWidth="compact"
       sizing="mediumLarge"
-      background="none"
+      background="dots"
       cardStyle="elevated"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"

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}