"use client" import { motion } from "framer-motion" import { Play, Heart, Users, Music, Globe, Calendar, Verified, ListMusic, Album, Disc3, } 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 { Avatar } from "@/components/ui/avatar" import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs" import { cn } from "@/lib/utils" import { fadeIn, stagger, staggerItem, cardHover, cardHoverTarget } from "@/lib/animations" const popularTracks = [ { id: 1, title: "Midnight Dreams", plays: "45.2M", duration: "3:45", peak: 1 }, { id: 2, title: "Ocean Drive", plays: "38.7M", duration: "3:28", peak: 2 }, { id: 3, title: "Electric Sunset", plays: "32.1M", duration: "4:12", peak: 3 }, { id: 4, title: "Starlight Serenade", plays: "28.9M", duration: "6:20", peak: 1 }, { id: 5, title: "Neon Lights", plays: "24.5M", duration: "5:02", peak: 4 }, ] const albums = [ { id: 1, title: "Midnight Horizons", year: "2026", tracks: 10, color: "from-blue-500/20 to-purple-500/20" }, { id: 2, title: "Electric Dreams", year: "2024", tracks: 12, color: "from-green-500/20 to-teal-500/20" }, { id: 3, title: "First Light", year: "2022", tracks: 8, color: "from-amber-500/20 to-orange-500/20" }, ] export default function ArtistPage() { return (

Luna Wave

Electronic Music Producer • DJ

12.4M monthly listeners 48 tracks Joined 2020

Popular Albums Fans Also Like {popularTracks.map((track, idx) => ( {idx + 1}

{track.title}

{track.plays} {track.duration} ))}

{albums.map((album) => (

{album.title}

{album.year} • {album.tracks} tracks

))}

{["Neon Beats", "Coastal Drift", "City Lights", "Cosmic Strings"].map((name) => ( {name.split(" ").map(w => w[0]).join("")}

{name}

Artist

))}

) }

Artist Page

Luna Wave

Luna Wave