import * as React from "react"; import { Target, TrendingUp, Award, Users as UsersIcon } from "lucide-react"; import { TeamPodsOne } from "@/registry/team-pods-one/team-pods-one"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; const pods = [ { id: "platform", name: "Platform Pod", focus: "Infrastructure", description: "Building scalable infrastructure and developer tools", members: [ { id: "1", name: "Sarah Chen", role: "Tech Lead", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Sarah", fallback: "SC", }, { id: "2", name: "Marcus Liu", role: "SRE", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Marcus", fallback: "ML", }, { id: "3", name: "Priya Kumar", role: "Backend Engineer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Priya", fallback: "PK", }, { id: "4", name: "Tom Wilson", role: "DevOps", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Tom", fallback: "TW", }, { id: "5", name: "Lisa Park", role: "Platform PM", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Lisa", fallback: "LP", }, ], kpis: [ { label: "Uptime", value: "99.99%", description: "System availability over the last quarter", icon: , }, { label: "Deploy Frequency", value: "12x/day", description: "Average deployments per day", icon: , }, { label: "MTTR", value: "15min", description: "Mean time to recovery", icon: , }, ], projects: [ { title: "Kubernetes Migration", description: "Successfully migrated all services to K8s, reducing costs by 30%", status: "completed" as const, }, { title: "Service Mesh Implementation", description: "Rolling out Istio for better observability and traffic management", status: "in-progress" as const, }, ], testimonials: [ { quote: "The platform team made our deployment pipeline so smooth. We went from weekly to daily releases!", author: "David Kim", role: "Product Engineering Lead", }, ], ctaLabel: "View Platform Docs", ctaHref: "/docs/platform", }, { id: "growth", name: "Growth Pod", focus: "User Acquisition", description: "Driving user growth through data-driven experiments", members: [ { id: "6", name: "Emma Davis", role: "Growth PM", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Emma", fallback: "ED", }, { id: "7", name: "Alex Johnson", role: "Growth Engineer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Alex", fallback: "AJ", }, { id: "8", name: "Maya Rodriguez", role: "Data Analyst", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Maya", fallback: "MR", }, { id: "9", name: "Ryan Lee", role: "Growth Designer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Ryan", fallback: "RL", }, ], kpis: [ { label: "MoM Growth", value: "+18%", description: "Month-over-month user growth", trend: "up" as const, }, { label: "Conversion Rate", value: "3.2%", description: "Free to paid conversion", }, { label: "Experiments Run", value: "42", description: "A/B tests this quarter", }, ], projects: [ { title: "Onboarding Redesign", description: "New user activation improved by 35% with personalized flows", status: "completed" as const, }, { title: "Referral Program", description: "Building viral loops with incentivized sharing", status: "in-progress" as const, }, ], testimonials: [ { quote: "Working with the growth pod taught me how to think in experiments. Every feature is now an opportunity to learn.", author: "Sophie Zhang", role: "Product Designer", }, ], ctaLabel: "Join Growth Team", ctaHref: "/careers/growth", }, { id: "product", name: "Core Product Pod", focus: "Features", description: "Shipping core features that drive user value", members: [ { id: "10", name: "James Taylor", role: "Product Lead", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=James", fallback: "JT", }, { id: "11", name: "Sofia Martinez", role: "Frontend Lead", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Sofia", fallback: "SM", }, { id: "12", name: "Yuki Tanaka", role: "Backend Engineer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Yuki", fallback: "YT", }, { id: "13", name: "Carlos Santos", role: "QA Engineer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Carlos", fallback: "CS", }, { id: "14", name: "Anna Kowalski", role: "Product Designer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Anna", fallback: "AK", }, { id: "15", name: "Omar Hassan", role: "Mobile Engineer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Omar", fallback: "OH", }, ], kpis: [ { label: "Features Shipped", value: "28", description: "This quarter", }, { label: "User Satisfaction", value: "4.6/5", description: "Average feature rating", }, { label: "Adoption Rate", value: "82%", description: "Feature usage within 30 days", }, ], projects: [ { title: "Real-time Collaboration", description: "Live cursor tracking and multiplayer editing", status: "completed" as const, }, { title: "Advanced Analytics Dashboard", description: "Custom reporting and data visualization tools", status: "in-progress" as const, }, { title: "Mobile App v2", description: "Complete redesign with offline support", status: "planned" as const, }, ], testimonials: [ { quote: "This team ships with incredible velocity while maintaining quality. Their process is a model for the entire company.", author: "David Kim", role: "VP of Engineering", }, ], ctaLabel: "View Roadmap", ctaHref: "/roadmap", }, { id: "customer-success", name: "Customer Success Pod", focus: "Retention", description: "Ensuring customers achieve their goals and stay successful", members: [ { id: "16", name: "Emily White", role: "CS Lead", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Emily", fallback: "EW", }, { id: "17", name: "Noah Brown", role: "CSM", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Noah", fallback: "NB", }, { id: "18", name: "Aisha Patel", role: "Support Engineer", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Aisha", fallback: "AP", }, { id: "19", name: "Liam O'Brien", role: "Onboarding Specialist", avatar: "https://api.dicebear.com/7.x/avataaars/svg?seed=Liam", fallback: "LO", }, ], kpis: [ { label: "NPS", value: "+72", description: "Net Promoter Score", }, { label: "Retention", value: "94%", description: "Annual retention rate", }, { label: "Response Time", value: "< 2h", description: "Average first response time", }, ], projects: [ { title: "Health Score Model", description: "Predictive analytics to identify at-risk accounts", status: "completed" as const, }, { title: "In-app Help Center", description: "Contextual support without leaving the product", status: "in-progress" as const, }, ], testimonials: [ { quote: "The CS pod genuinely cares about our customers. They've built trust that translates directly to renewals.", author: "Maria Garcia", role: "Head of Sales", }, ], ctaLabel: "Contact Support", ctaHref: "/support", }, ]; export function TeamPodsOneDemo() { return (

Implementation notes

Hover over team avatars to see member details. KPI badges on mobile scroll horizontally to avoid crowding. Click "View Projects & Testimonials" to open a drawer with detailed pod information. Metric tooltips provide additional context when hovering on desktop.

); } export default TeamPodsOneDemo;

Simple