"use client" import { motion } from "framer-motion" import { Subtitles, Globe, Download, Upload, Plus, Check, X, Settings, Eye, FileText, Search, } from "lucide-react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { Switch } from "@/components/ui/switch" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, cardHover, cardHoverTarget } from "@/lib/animations" const languages = [ { code: "en", name: "English", status: "published", completeness: "100%" }, { code: "es", name: "Spanish", status: "published", completeness: "100%" }, { code: "fr", name: "French", status: "draft", completeness: "85%" }, { code: "de", name: "German", status: "draft", completeness: "62%" }, { code: "ja", name: "Japanese", status: "needs_review", completeness: "45%" }, { code: "pt", name: "Portuguese", status: "published", completeness: "100%" }, { code: "ko", name: "Korean", status: "needs_review", completeness: "30%" }, { code: "zh", name: "Chinese", status: "draft", completeness: "78%" }, ] const formatOptions = ["SRT", "VTT", "ASS", "SBV"] export default function SubtitlesPage() { return (

Subtitles & Captions

Manage subtitles for your media

Subtitle Tracks

Auto-generate

{languages.map((lang) => (

{lang.name}

{lang.status === "needs_review" ? "Review" : lang.status}

{lang.completeness}

))} Settings

Show captions by default

Font size

Background

{["None", "Dark", "Light"].map((opt) => ( {opt} ))}

Export

Download subtitles in your preferred format

{formatOptions.map((fmt) => ( ))}

) }

Subtitles Page

Subtitles & Captions

Subtitles & Captions