function ScientificBenefits() {
  return (
    <div className="my-20">
      <h2 className="text-4xl md:text-5xl font-bold text-gray-800 text-center mb-16 animate-fadeInUp">
        چرا فقط چند دقیقه کافی است؟
      </h2>

      <div className="bg-white rounded-3xl shadow-xl p-12 animate-fadeInUp delay-100">
        <div className="grid md:grid-cols-2 gap-10">
          <div className="animate-slideInLeft delay-200">
            <h3 className="text-2xl font-bold text-gray-800 mb-6">تکنیک‌های علمی و عملی</h3>
            <p className="text-gray-700 text-lg leading-relaxed mb-6">
              آرام‌لند از جدیدترین و مؤثرترین تکنیک‌های مدیریت استرس و آرامش درونی استفاده می‌کند.
            </p>
            <ul className="space-y-3">
              {["بهتری کردن خلق و خو در چند دقیقه", "کاهش استرس و اضطراب", "بهتری کردن کیفیت خواب"].map((item, index) => (
                <li key={index} className="flex items-center text-gray-700">
                  <span className="w-2 h-2 bg-teal-500 rounded-full ml-3"></span>
                  {item}
                </li>
              ))}
            </ul>
          </div>

          <div className="animate-slideInRight delay-200">
            <h3 className="text-2xl font-bold text-gray-800 mb-6">طراحی جذاب و کاربر‌پسند</h3>
            <p className="text-gray-700 text-lg leading-relaxed mb-6">
              رابط کاربری آرام‌لند برای راحتی و تمرکز شما طراحی شده است.
            </p>
            <ul className="space-y-3">
              {["رابط ساده و شهودی", "طراحی بدون انجام‌پذیری", "محتوای هدایت‌شده فارسی"].map((item, index) => (
                <li key={index} className="flex items-center text-gray-700">
                  <span className="w-2 h-2 bg-green-500 rounded-full ml-3"></span>
                  {item}
                </li>
              ))}
            </ul>
          </div>
        </div>
      </div>
    </div>
  );
}

export default ScientificBenefits;