// shadcn import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" export interface UserItem { name: string avatar: string mail: string colorClass: string description?: string } export interface Team1Props { cardStyle?: "accent-bar" | "avatar-ring" showDescription?: boolean title?: string description?: string users?: UserItem[] } const DEFAULT_USERS: UserItem[] = [ { name: "Sarah Connor", avatar: "https://cdn.uiable.com/block/profile-1.png", mail: "sarah.connor@example.com", colorClass: "bg-pink-500", description: "Lead UX Designer specializing in creating intuitive, user-centric interfaces and modern design systems.", }, { name: "Michael Chen", avatar: "https://cdn.uiable.com/block/profile-2.png", mail: "michael.chen@example.com", colorClass: "bg-rose-900", description: "Senior Full-Stack Engineer focused on building scalable backend architectures and robust APIs.", }, { name: "David Ross", avatar: "https://cdn.uiable.com/block/profile-3.png", mail: "david.ross@example.com", colorClass: "bg-red-600", description: "Data Scientist with expertise in predictive modeling, machine learning, and business intelligence analytics.", }, { name: "Emily Watson", avatar: "https://cdn.uiable.com/block/profile-4.png", mail: "emily.watson@example.com", colorClass: "bg-slate-400", description: "Product Manager passionate about driving product strategy, cross-functional collaboration, and user growth.", }, { name: "Marcus Aurelius", avatar: "https://cdn.uiable.com/block/profile-5.png", mail: "marcus.aurelius@example.com", colorClass: "bg-amber-800", description: "Security Specialist dedicated to implementing advanced encryption, compliance standards, and risk mitigation.", }, { name: "Aria Montgomery", avatar: "https://cdn.uiable.com/block/profile-6.png", mail: "aria.montgomery@example.com", colorClass: "bg-amber-500", description: "DevOps Engineer expert in automating deployment pipelines, cloud infrastructure orchestration, and CI/CD.", }, { name: "Sophia Martinez", avatar: "https://cdn.uiable.com/block/profile-7.png", mail: "sophia.martinez@example.com", colorClass: "bg-sky-400", description: "QA Automation Engineer focused on comprehensive test coverage, performance testing, and bug prevention.", }, { name: "James Wilson", avatar: "https://cdn.uiable.com/block/profile-8.png", mail: "james.wilson@example.com", colorClass: "bg-blue-600", description: "Solutions Architect with a track record of integrating complex enterprise systems and software solutions.", }, ] // ------------------------------ | TEAM 1 | ------------------------------ // export default function Team1({ cardStyle = "accent-bar", showDescription = true, title = "Our Professional Team", description = "Meet the talented individuals behind our platform. Our team combines expert skills with a passion for innovation to deliver exceptional results and accelerate your success.", users = DEFAULT_USERS, }: Team1Props = {}) { const isRing = cardStyle === "avatar-ring" return (

{title}

{description}

{users.map((user, idx) => (

{isRing ? (

{user.name.split(" ")[0].charAt(0) + user.name.split(" ")[1].charAt(0)}

{user.name}

{user.mail}

) : (

{user.name.split(" ")[0].charAt(0) + user.name.split(" ")[1].charAt(0)}

{user.name}

{user.mail}

{showDescription && user.description && (

{user.description}

)}

))}

) }