index.html

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MindJob</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">
    <header>
      <h1>MindJob</h1>
      <p>আপনার মনকে দূষিত না করেই চরম উদ্দীপনা পরমভাবে উপভোগ করুন!</p>
    </header>

    <main>
      <section class="guide">
        <h2>ভিজ্যুয়ালাইজেশন গাইড</h2>
        <p id="guide-text">আপনার চোখ বন্ধ করুন এবং একটি শান্ত সৈকতের কল্পনা করুন। পায়ের তলায় বালির অনুভূতি এবং কানে ঢেউয়ের আওয়াজ শুনুন।</p>
        <button id="next-guide">পরবর্তী ধাপ</button>
      </section>

      <section class="breathing-exercise">
        <h2>শ্বাস-প্রশ্বাস ব্যায়াম</h2>
        <p>গভীর শ্বাস নিন, ৪ সেকেন্ড ধরে শ্বাস রাখুন, এবং ধীরে ধীরে ৬ সেকেন্ডে শ্বাস ছেড়ে দিন। এটি ৫ বার করুন।</p>
        <button id="start-breathing">শুরু করুন</button>
      </section>

       <section class="optical-simulation">
        <h2>অপ্টিক্যাল সিমুলেশন</h2>
        <p>এটি আপনার চোখের বিশ্রামের জন্য একটি মসৃণ রঙের পরিবর্তন সিমুলেশন।</p>
        <div id="optical-animation"></div>
      </section>
      
      <section class="music-player">
        <h2>বিশ্রামদায়ক সঙ্গীত</h2>
        <audio controls>
          <source src="https://github.com/HumayunShariarHimu/PeaceMusic/raw/refs/heads/main/peace.mp3" type="audio/mpeg">
          আপনার ব্রাউজার এই অডিও উপাদান সমর্থন করে না।
        </audio>
      </section>
    </main>
  </div>

  <script src="script.js"></script>
</body>
</html>