Bob AI: change hero title with Yo, Bob!

src/app/page.tsx

@@ -11,7 +11,6 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import { Zap, Star, Sparkles, CreditCard, Heart } from "lucide-react";
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 
 export default function LandingPage() {
   return (
@@ -228,14 +227,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqSplitMedia faqs={[
-            {id: "1", title: "How do I set up my iPhone?", content: "Follow the on-screen instructions during the first setup to set up your iPhone."},
-            {id: "2", title: "What is iCloud?", content: "iCloud is a cloud storage and cloud computing service from Apple that allows you to store your data on remote servers managed by Apple."},
-            {id: "3", title: "How can I back up my iPhone?", content: "You can back up your iPhone using iCloud or by connecting it to your computer with a USB cable."}
-        ]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" imageAlt="iPhone" title="iPhone FAQ" description="Have questions about your new iPhone? Find answers to the most common questions here." textboxLayout="vertical" useInvertedBackground="light" animationType="smooth" showCard={true} ariaLabel="iPhone FAQ section" className="faq-split-media" containerClassName="faq-container" textBoxTitleClassName="faq-title" textBoxDescriptionClassName="faq-description" textBoxClassName="faq-box" mediaWrapperClassName="faq-media-wrapper" mediaClassName="faq-media" faqsContainerClassName="faq-items-container" accordionClassName="faq-accordion" accordionTitleClassName="faq-accordion-title" accordionContentClassName="faq-accordion-content" />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[

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={title}
+                        title="Yo, Bob!"
                         description={description}
                         tag={tag}
                         tagIcon={tagIcon}
@@ -152,7 +152,7 @@ const HeroSplitDualMedia = ({
                         center={true}
                     />
                     <TextBox
-                        title={title}
+                        title="Yo, Bob!"
                         description={description}
                         tag={tag}
                         tagIcon={tagIcon}