export default function Portofolio() {
    return (
        <div className="min-h-screen bg-pink-50 flex items-center justify-center p-6">
            
            <div className="bg-white rounded-2xl shadow-lg p-8 max-w-md text-center hover:shadow-pink-300 transition duration-300">
                
                <h1 className="text-3xl font-bold text-pink-500 mb-4">
                    PORTOFOLIO
                </h1>

                <p className="text-gray-700 mb-2">
                    Saya Nisa, saya memiliki keahlian sebagai penari
                </p>

                <p className="text-gray-700 mb-2">
                    dengan pengalaman lebih dari 4 tahun dalam bidang penari
                </p>

                <p className="text-gray-700 mb-2">
                    menguasai berbagai gaya tari, mulai dari tradisional hingga modern
                </p>

                <p className="text-gray-700 mb-2">
                    memiliki dedikasi tinggi, disiplin, dan kemampuan beradaptasi
                </p>

                <p className="text-gray-700 mb-4">
                    tujuan saya adalah terus mengembangkan kemampuan seni tari
                </p>

                <p className="text-pink-500 font-semibold mb-2">
                    Ini hasil saya
                </p>

                {/* PENARI GEDE */}
                <div className="text-[80px] animate-bounce">
                    💃💃💃
                </div>
                <p>kontak yang bisa kalian hubungi</p>
                <a href="mail:nisnus@gmail.com" className="text-sky-400">
                    gmail: nisnus@gmail.com 👍
                </a>

                    <a href="no:08779876699" className="text-sky-400">
                    no: 08779876699  
              </a>

            </div>

        </div>
    );
}