"use client"; import { useEffect, useState } from "react"; export default function Logo() { const [isAnimating, setIsAnimating] = useState(true); useEffect(() => { // Subtle animation on load const timer = setTimeout(() => setIsAnimating(false), 2000); return () => clearTimeout(timer); }, []); return (
{/* Logo Icon */}
{/* Glow Background */}
{/* Main Logo Container */}
{/* Sound Wave Bars */}
{/* Text Logo */}
Audiophile Web Player
); } // Mini version for header/mobile export function LogoMini() { return (
); }