Bob AI: Can you add a section for the team

src/components/sections/contact/ContactCTA.tsx

@@ -6,6 +6,7 @@ import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig } from "@/types/button";
 import type { InvertedBackground } from "@/providers/themeProvider/config/constants";
+import Button from "@/components/Button";
 
 type ContactCTABackgroundProps = Extract<
     HeroBackgroundVariantProps,
@@ -86,8 +87,8 @@ const ContactCTA = ({
                             descriptionClassName={cls("text-base md:text-lg leading-[1.2]", descriptionClassName)}
                             tagClassName={cls("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-3", buttonContainerClassName)}
-                            buttonClassName={buttonClassName}
+                            buttonClassName={cls("bg-primary text-foreground hover:bg-primary-hover", buttonClassName)}
-                            buttonTextClassName={buttonTextClassName}
+                            buttonTextClassName={cls("text-sm font-medium", buttonTextClassName)}
                             center={true}
                         />
                     </div>

src/components/shared/AvatarGroup.tsx

@@ -88,3 +88,20 @@ const AvatarGroup = ({
 AvatarGroup.displayName = "AvatarGroup";
 
 export default memo(AvatarGroup);
+
+const avatars = [
+  { src: "/avatars/avatar1.png", alt: "Avatar 1" },
+  { src: "/avatars/avatar2.png", alt: "Avatar 2" },
+  { src: "/avatars/avatar3.png", alt: "Avatar 3" },
+  { src: "/avatars/avatar4.png", alt: "Avatar 4" },
+  { src: "/avatars/avatar5.png", alt: "Avatar 5" },
+  { src: "/avatars/avatar6.png", alt: "Avatar 6" },
+];
+
+const TeamSection = () => (
+  <AvatarGroup
+    avatars={avatars}
+    text="Our Team"
+    ariaLabel="Team avatars"
+  />
+);