function Hero() {
  return (
    <div className="text-center mb-16">
      <div className="mb-6 animate-float">
        <span className="text-6xl">✨</span>
      </div>
      <h1 className="text-5xl md:text-6xl font-bold text-gray-800 mb-6 leading-tight animate-fadeInUp">
        لحظه‌ای آرام بگیر، زندگی را حس کن
      </h1>

      <p className="text-xl md:text-2xl text-gray-600 max-w-3xl mx-auto leading-relaxed mb-4 animate-fadeInUp delay-100">
        آرام‌لند دستیار مهربان توست برای یافتن آرامش درونی. با مدیتیشن‌های فارسی، موسیقی دلنشین و راهنمایی‌های گام‌به‌گام، هر روز کمی به خودت نزدیک‌تر شو.
      </p>

      <p className="text-lg text-gray-500 max-w-2xl mx-auto leading-relaxed animate-fadeInUp delay-200">
        چه در خانه باشی، چه سر کار، چه در مسیر؛ همیشه می‌تونی یک لحظه آرامش رو با خودت داشته باشی.
      </p>
    </div>
  );
}

export default Hero;