Духовная психология

import React from 'react';

const App = () => {
  return (
    <div className="min-h-screen bg-gradient-to-br from-purple-50 to-blue-100 p-8">
      <header className="text-center py-12">
        <h1 className="text-5xl font-bold text-purple-900">Spiritual Psychology</h1>
        <p className="mt-4 text-xl text-purple-700">Exploring the Depths of Human Consciousness</p>
      </header>

      <section className="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg mb-12">
        <h2 className="text-3xl font-semibold text-purple-900 mb-6">What is Spiritual Psychology?</h2>
        <p className="text-purple-700 leading-relaxed">
          I chose this name for the vast field of my activity, which is not easy to classify. It encompasses all yogic and Buddhist-Tantric methods of understanding the structure of human consciousness and psyche. Here, I highlight paths to solving your problems through all possible alternative methods, including those not covered by the classical and accepted understanding of modern practices in yoga and psychology.
        </p>
      </section>

      <section className="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg mb-12">
        <h2 className="text-3xl font-semibold text-purple-900 mb-6">At the Intersection of Psychology, Philosophy, and Spiritual Practices</h2>
        <p className="text-purple-700 leading-relaxed">
          Spiritual psychology sits at the intersection of psychology, philosophy, and spiritual practices. A human is not just a collection of mental processes (thoughts, emotions, behavior) but a spiritual being striving for meaning, wholeness, and connection with something greater than the self.
        </p>
      </section>

      <section className="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg mb-12">
        <h2 className="text-3xl font-semibold text-purple-900 mb-6">What Questions Does Spiritual Psychology Address?</h2>
        <p className="text-purple-700 leading-relaxed">
          Unlike classical psychology, which often focuses on treating pathologies and ego dysfunctions, spiritual psychology takes a holistic approach and helps address:
        </p>
        <ul className="list-disc list-inside mt-4 text-purple-700 leading-relaxed">
          <li>Finding life's meaning and purpose.</li>
          <li>Navigating spiritual crises (loss of faith, meaning, feeling of emptiness).</li>
          <li>Experiencing transpersonal experiences (going beyond the ego: mystical experiences, feelings of unity with the world).</li>
          <li>Developing higher human qualities: compassion, unconditional love, wisdom.</li>
          <li>Integrating spiritual experiences into daily life.</li>
          <li>Healing at the "soul" level, beyond psyche and physicality.</li>
        </ul>
      </section>

      <section className="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg mb-12">
        <h2 className="text-3xl font-semibold text-purple-900 mb-6">A Holistic Approach</h2>
        <p className="text-purple-700 leading-relaxed">
          Spiritual psychology is a holistic approach that views humans multidimensionally. It is about contact and establishing connections between the body, consciousness, soul, mind, and Spirit, one's higher Self.
        </p>
      </section>

      <section className="max-w-4xl mx-auto bg-white p-8 rounded-xl shadow-lg mb-12">
        <h2 className="text-3xl font-semibold text-purple-900 mb-6">Gallery</h2>
        <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
          <img src="https://placehold.co/300x300" alt="Gallery 1" className="rounded-lg shadow-md" />
          <img src="https://placehold.co/300x300" alt="Gallery 2" className="rounded-lg shadow-md" />
          <img src="https://placehold.co/300x300" alt="Gallery 3" className="rounded-lg shadow-md" />
        </div>
      </section>

      <footer className="text-center py-8 text-purple-700">
        <p>© 2025 Spiritual Psychology. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;