Bob AI: change background to dots pattern

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 TeamCardOne from '@/components/sections/team/TeamCardOne';
 
 export default function LandingPage() {
   return (
@@ -21,7 +20,7 @@ export default function LandingPage() {
       borderRadius="sharp"
       contentWidth="compact"
       sizing="mediumLarge"
-      background="none"
+      background="dots"
       cardStyle="elevated"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="layered"
@@ -228,51 +227,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="team" data-section="team">
-        <TeamCardOne
-            members={[
-                { id: "1", name: "John Doe", role: "Lead Developer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "John Doe" },
-                { id: "2", name: "Jane Smith", role: "UX Designer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Jane Smith" },
-                { id: "3", name: "Mike Johnson", role: "Marketing Specialist", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Mike Johnson" },
-                { id: "4", name: "Emily Davis", role: "iOS Developer", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Emily Davis" }
-            ]}
-            carouselMode="buttons"
-            gridVariant="grid-2"
-            uniformGridCustomHeightClasses=""
-            animationType="3d-flip"
-            title="Our Team"
-            description="Meet the team behind the iPhone app, dedicated to bringing you the best mobile experience."
-            tag="iPhone"
-            tagIcon="Smartphone"
-            buttons={[
-                { label: "Contact", href: "#contact", variant: "primary" },
-                { label: "Learn More", href: "#about", variant: "secondary" }
-            ]}
-            textboxLayout="vertical"
-            useInvertedBackground="light"
-            ariaLabel="Team Members"
-            className=""
-            containerClassName=""
-            cardClassName=""
-            textBoxTitleClassName=""
-            textBoxTitleImageWrapperClassName=""
-            textBoxTitleImageClassName=""
-            textBoxDescriptionClassName=""
-            imageClassName=""
-            overlayClassName=""
-            nameClassName=""
-            roleClassName=""
-            gridClassName=""
-            carouselClassName=""
-            controlsClassName=""
-            textBoxClassName=""
-            textBoxTagClassName=""
-            textBoxButtonContainerClassName=""
-            textBoxButtonClassName=""
-            textBoxButtonTextClassName=""
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterSimple
           columns={[