"use client" import { useState } from "react" // shadcn import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Progress } from "@/components/ui/progress" // third-party import { motion } from "framer-motion" // assets import { ArrowLeft, BarChart3, CheckCircle, RotateCw, Sparkles, Users, } from "lucide-react" const pods = [ { label: "Core Infrastructure Pod", score: 98, color: "bg-green-500", progressClass: "[&_[data-slot=progress-indicator]]:bg-green-500", }, { label: "AI & Data Pipeline Squad", score: 94, color: "bg-cyan-500", progressClass: "[&_[data-slot=progress-indicator]]:bg-cyan-500", }, { label: "Frontend & Design Pod", score: 91, color: "bg-yellow-500", progressClass: "[&_[data-slot=progress-indicator]]:bg-yellow-500", }, ] // ------------------------------ | CARD - ANIMATED FLIP | ------------------------------ // export default function CardAnimatedFlip() { const [isFlipped, setIsFlipped] = useState(false) return (

{/* ================= FRONT SIDE ================= */}

Overview

Team Performance Index Q3 quarterly velocity & KPI summary report across core engineering pods. Overall Efficiency Score

94.2

/100

+6.4% higher than target benchmark

{" "} 24 Engineers {" "} 142 Sprints

{/* ================= BACK SIDE ================= */}

Deep Dive

Pod Breakdown Detailed metric distribution per engineering squad. {pods.map((pod, idx) => (

{pod.label} {pod.score}%

))}

) }