5f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 60:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 61:T4a51,"use client" import { useCallback, useEffect, useState } from "react" // shadcn import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from "@/components/ui/carousel" // third-party import { cn } from "cn" const users = [ { id: 1, 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. Experienced in user research, wireframing, prototyping, accessibility standards, and collaborating closely with developers to deliver seamless digital experiences that improve customer satisfaction and engagement.", }, { id: 2, 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. Skilled in modern JavaScript frameworks, cloud services, database optimization, microservices, and delivering secure, high-performance applications that support millions of users.", }, { id: 3, 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. Passionate about transforming complex datasets into actionable insights, developing AI-driven solutions, and helping organizations make data-informed strategic decisions.", }, { id: 4, 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. Experienced in roadmap planning, stakeholder communication, market analysis, agile methodologies, and delivering innovative products that align with business goals and customer needs.", }, { id: 5, 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. Experienced in vulnerability assessments, threat detection, identity management, security audits, and developing resilient cybersecurity strategies to protect enterprise infrastructure.", }, { id: 6, 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. Proficient in containerization, Kubernetes, infrastructure as code, monitoring solutions, and optimizing development workflows to ensure reliable and efficient software delivery.", }, { id: 7, 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. Experienced in designing scalable automation frameworks, continuous testing, regression analysis, and ensuring software quality through reliable testing practices and detailed reporting.", }, { id: 8, 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. Skilled in cloud architecture, technical consulting, infrastructure planning, solution design, and guiding organizations through successful digital transformation initiatives with scalable technologies.", }, ] const socialLinks = [ { href: "#", label: "Facebook", bgColor: "bg-[#1877f2]", icon: ( ), }, { href: "#", label: "GitHub", bgColor: "bg-[#101411]", icon: ( ), }, { href: "#", label: "LinkedIn", bgColor: "bg-[#0072b1]", icon: ( ), }, { href: "#", label: "YouTube", bgColor: "bg-[#ff0000]", icon: ( ), }, { href: "#", label: "Dribbble", bgColor: "bg-[#ea4c89]", icon: ( ), }, ] // ------------------------------ | TEAM 3 | ------------------------------ // export default function Team3() { const [api, setApi] = useState() const [current, setCurrent] = useState(0) const wrap = (i: number) => ((i % users.length) + users.length) % users.length const onSelect = useCallback(() => { if (!api) return setCurrent(api.selectedScrollSnap()) }, [api]) useEffect(() => { if (!api) return setTimeout(() => onSelect(), 0) api.on("select", onSelect) return () => { api.off("select", onSelect) } }, [api, onSelect]) // selectedScrollSnap() = left/start item; center item is always current+1 const activeIndex = wrap(current) const activeMember = users[activeIndex] return (

Our Professional Team

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.map((user, index) => { const isActive = index === activeIndex return (

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

) })}

{activeMember.name}

{activeMember.mail}

{socialLinks.map((social, index) => ( {social.icon} ))}

{activeMember.description}

) } 5e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}]]}],["$","$L5f",null,{"namespace":"@uiable","registryDependencies":["@uiable/avatar","@uiable/carousel"]}]]}],null]}],["$","$L60",null,{"files":[{"path":"src/components/uiable/blocks/team/team-3/team-3.tsx","content":"$61","type":"registry:component","target":"@components/uiable/blocks/team/team-3/team-3.tsx"}],"className":"h-[70svh] min-h-80"}]]}]