"use client" import { motion } from "framer-motion" import { Play, Pause, Clock, Heart, Share2, MoreHorizontal, Music, Download, ListMusic, } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Separator } from "@/components/ui/separator" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, cardHover, cardHoverTarget } from "@/lib/animations" const tracks = [ { id: 1, title: "Dreamscape", duration: "3:45", plays: "12.4M", explicit: false }, { id: 2, title: "Electric Night", duration: "4:12", plays: "8.9M", explicit: false }, { id: 3, title: "Ocean Drive", duration: "3:28", plays: "15.2M", explicit: false }, { id: 4, title: "Neon Lights", duration: "5:02", plays: "6.7M", explicit: true }, { id: 5, title: "Summer Rain", duration: "4:35", plays: "9.1M", explicit: false }, { id: 6, title: "Midnight Run", duration: "3:55", plays: "7.3M", explicit: false }, { id: 7, title: "Golden Sands", duration: "4:48", plays: "5.6M", explicit: false }, { id: 8, title: "Starlight", duration: "6:20", plays: "11.8M", explicit: true }, { id: 9, title: "Horizon", duration: "3:32", plays: "4.2M", explicit: false }, { id: 10, title: "Eternal Wave", duration: "5:15", plays: "3.9M", explicit: false }, ] export default function AlbumPage() { return (

Album

Midnight Horizons

Luna Wave • 2026 • 10 tracks • 45:52

# Title Plays

{tracks.map((track, idx) => ( {idx + 1}

{track.title}

{track.explicit && E}

) }

Album Page

Midnight Horizons

Midnight Horizons