import Image from 'next/image';

export default function Home() {
  return (
    <section className="space-y-8">
      <div className="flex flex-col md:flex-row items-center gap-8">
        <div className="w-48 h-48 relative rounded-full overflow-hidden border-2 border-zinc-700">
          {/* Ganti src dengan foto kamu sendiri di folder /public/images/ */}
          <Image 
            src="/images/Ka.1-2-3-4 Argo Bromo Anggrek.jpg" 
            alt="Foto Profil Utama Saya" 
            fill 
            className="object-cover"
          />
        </div>
        <div className="space-y-4 text-center md:text-left">
          <h1 className="text-4xl font-bold tracking-tight">Halo, Selamat Datang!</h1>
          <p className="text-xl text-zinc-400 italic">"Strength is the only thing that matters in this world. Everything else is just a delusion for the weak."</p>
          <p className="text-zinc-300">
            Website personal ini dibuat untuk menampilkan profil, hobi, galeri, serta informasi kontak saya.
          </p>
        </div>
      </div>
    </section>
  );
}