"use client";

import Image from "next/image";

const classLevels = [
  {
    title: "Elementary Kuchipudi",
    age: "6-7 YRS",
    duration: "60-MINUTE CLASS",
    prerequisite: null,
    description:
      "Previous dance experience not required. Designed to get the right posture before learning steps. It's a must that the kid/parent is consistent for these classes as learning the right posture is difficult and time consuming.",
    points: [
      "Basic Posture",
      "Warm up exercises",
      "Slokas 1 from the Natya Shastra - Kuchipudi Prayer",
      "Terminology for basic foot positions (pada-bhedas)",
      "Terminology for basic Hand gestures (hasta-mudras): Asamyutha Hasthas, Samyutha Hasthas",
      "First half steps start - torso or trunk part of the body flexibility",
    ],
  },
  {
    title: "Kuchipudi I",
    age: "7-8 YRS",
    duration: "60-MINUTE CLASS",
    prerequisite: "Basic Kuchipudi class.",
    description: null,
    points: [
      "Posture building and muscular strength through core exercises",
      "Balance and endurance exercises",
      "Most kids complete First half steps",
      "Students will learn many different hand gestures (Samyuta, Asamyuta and Nritta hastas), which are an integral part of Kuchipudi dance",
      "Development in technique",
      "Practice time outside of class required",
    ],
  },
  {
    title: "Kuchipudi II",
    age: "8-10 YRS",
    duration: "60-MINUTE CLASS",
    prerequisite: "Must complete Kuchipudi I class.",
    description:
      "A beginner/Intermediate class for one to two years of prior dance experienced students.",
    points: [
      "Complete slokas from the Natya Shastra",
      "Complete second half steps getting proper Legs flexibility",
      "Completion of all basic steps in different rhythms",
      "Practice time outside of class required",
    ],
  },
  {
    title: "Kuchipudi III",
    age: "10-12 YRS",
    duration: "60-MINUTE CLASS",
    prerequisite: "Must complete Kuchipudi II class.",
    description:
      "An Intermediate/Advanced class for students with 3-4 years of prior dance experience.",
    points: [
      "Technique development and mastery of footwork and hand work",
      "Students will learn First half Jatis - Putting hands and legs flexibility learnt earlier into practice",
      "Students will learn Second half Jatis - Putting speed techniques into practice",
      "Stamina increases in students rapidly preparing them to learn Kuchipudi IV",
      "Practice time outside of class Must",
    ],
  },
  {
    title: "Kuchipudi IV",
    age: "12 YRS AND UP",
    duration: "60-MIN CLASS | 90-MIN CLASS",
    prerequisite: "Must complete Kuchipudi III class.",
    description:
      "An advanced class for students with 5 or more years of prior dance training. By now students should have full body flexibility to learn Kuchipudi IV.",
    points: [
      "Students begin learning basic items in the Kuchipudi repertoire and begin the study of Abhinaya",
      "Interpretive movements and expressions",
      "Focus on perfecting all aspects of dance technique and mastering dance as an art form",
      "Performing items",
    ],
  },
  {
    title: "Teaching Level",
    age: "15 YRS AND UP",
    duration: "60-MIN CLASS | 90-MIN CLASS",
    prerequisite:
      "Must complete Kuchipudi IV. Students can be requested to teach junior classes practicing natvangam.",
    description: null,
    points: [
      "Learning natvangam",
      "Learning more advanced items involving navarasa",
      "Performing with Plate",
      "Learning to perform Ballet",
    ],
  },
];

const AcademyContent = () => {
  return (
    <>
      {/* Remote Classes Section */}
      <section className="aboutinnercontainer academycontainer">
        <div className="container container-xxl">
          <div className="row gx-xl-5">
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up" data-aos-duration="700" data-aos-delay="800">
              <div className="aboutinnercontent pt-0">
                <div className="section-heading mb-3 mb-xxl-4">
                  <h2><span>Remote Classes</span></h2>
                </div>
                <p>Due to Covid, we transitioned all classes to online from March 2020. Because of RKDA Strong training techniques evolved over 15 yrs we transitioned very smoothly into virtual classes. Our Studios have been updated with TVs and latest technologies max bandwidth etc. In fact, it was a pleasant surprise for us that we achieved more quality training virtually than in-person for following reasons:</p>
                <ul>
                  <li>RKDA is known for its strong training techniques and virtual training added more to it, for example: pinning individual students could identify any posture defect.</li>
                  <li>RKDA is well known for 100% consistent classes; virtual training added more to it, as there are no snow days off.</li>
                  <li>Virtual training at their home comfort, parents listen to RKDA training hence understand the quantity/quality training.</li>
                  <li>Students today are multitasking with many activities so saving drive time is making them more efficient especially when they find out that there is no difference in training virtual/In-person.</li>
                </ul>
                <p>To educate Parents/Students that it is the training techniques that matter and that there is no difference in training whether it is virtual/In-person we provide 4 free classes, Pl avail them. This is only for Virtual training.</p>
              </div>
            </div>
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="zoom-in" data-aos-duration="700">
              <div className="d-flex gap-3">
                <div className="aboutinnerimgouter flex-fill">
                  <div className="aboutinnerimg">
                    <Image src="https://www.rkda.org/wp-content/uploads/2020/10/remote_classes02.jpg" alt="About RKDA" width={260} height={350} />
                  </div>
                </div>
                <div className="aboutinnerimgouter flex-fill">
                  <div className="aboutinnerimg">
                    <Image src="https://www.rkda.org/wp-content/uploads/2020/10/remote_classes01.jpg" alt="About RKDA" width={260} height={350} />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Syllabus Section */}
      <section className="aboutinnercontainer academycontainer">
        <div className="container container-xxl">
          <div className="row gx-xl-5 flex-lg-row-reverse align-items-start">
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up" data-aos-duration="700" data-aos-delay="800">
              <div className="aboutinnercontent pt-0">
                <div className="section-heading mb-3 mb-xxl-4">
                  <h2><span>Kuchipudi Syllabus</span></h2>
                </div>
                <p>First Half Steps: Improves flexibility in the Torso or trunk part of the body. Real life example: Learning alphabets.</p>
                <ul>
                  <li><strong>Second Half Steps:</strong> Improves flexibility in the legs. Real life example: Learning phonics of alphabets.</li>
                  <li><strong>First Half Jatis:</strong> Improves focus and fast movements. Student learns how to move the whole body together using all the steps they have learnt. Real life example: Learning words.</li>
                  <li><strong>Second Half Jatis:</strong> Advanced movements, directional movements, Rhythm technic, improves focus and fast movements further. Stamina improvements, and breathing techniques. Real life example: Learning 2word sentences.</li>
                  <li>
                    <strong>Items:</strong> Students learn how to full length 10 mt length songs. Students should not have Rhythm issues, stamina issues etc. Students learn meaning of songs and Expressions teaching them moral dilemma stories from Vedic literature. Real life example: Learning Sentences.
                  </li>
                </ul>

                <ul className="syllabusitemslist">
                  <li>Kouthukam</li>
                  <li>Pooja</li>
                  <li>Jatiswaram</li>
                  <li>Thillana</li>
                  <li>Swara Jati</li>
                  <li>Koluvaithiva</li>
                  <li>Muddugare</li>
                  <li>Kanchadayala&hellip;</li>
                  <li>Marakada&hellip;</li>
                  <li>Neela Megha-Tarangam</li>
                  <li>More&hellip;</li>
                </ul>
              </div>
            </div>
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="zoom-in" data-aos-duration="700">
              <div className="aboutinnerimgouter">
                <div className="aboutinnerimg">
                  <Image src="https://www.rkda.org/wp-content/uploads/2020/11/kuchipudi-syllabus.jpg" alt="Kuchipudi Syllabus" width={600} height={600} />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Teaching Techniques Section */}
      <section className="aboutinnercontainer academycontainer">
        <div className="container container-xxl">
          <div className="row gx-xl-5 align-items-start">
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up" data-aos-duration="700" data-aos-delay="800">
              <div className="aboutinnercontent pt-0">
                <div className="section-heading mb-3 mb-xxl-4">
                  <h2>
                    <span>Teaching Techniques</span>
                  </h2>
                </div>
                <p>RKDA teachers adopt &ldquo;Sama Dana Bheda Dandopaya&rdquo; Upayas which have been working for professional gurus till date. Upayas is a Sanskrit word that means &ldquo;approaches&rdquo; or &ldquo;ideas&rdquo; found in Hinduism and Jainism texts. Kautilya mentioned four Upayas &ndash; Sama, Dana or Dama, Danda and Bheda.</p>
                <ul>
                  <li><strong>Sama:</strong> Explain, reason out patiently.</li>
                  <li><strong>Dana</strong>, the second, means gifts or compensation. Sometimes it is referred to as Dama. (Happy Smilies in journal)</li>
                  <li><strong>Bheda</strong>, in RKDA interpretation Veda (logic): Explain logically.</li>
                  <li><strong>Danda</strong> refers to subtle punishments. Example no talk, Sad Smilies in journal.</li>
                </ul>
                <p>All of the above four Upayas are generally spoken together in a single colloquial phrase &ndash; &ldquo;Sama Dana Bheda Dandopaya&rdquo;.</p>
                <p>Over the last 10yrs RKDA believes that it has evolved tremendously in teaching techniques and these techniques should be preserved for future generation&rsquo;s usage.</p>
              </div>
            </div>
            <div className="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="zoom-in" data-aos-duration="700">
              <div className="aboutinnerimgouter flex-fill">
                <div className="aboutinnerimg">
                  <Image src="https://www.rkda.org/wp-content/uploads/2020/05/teaching-tecnique-768x570.jpg" alt="RKDA Teaching Techniques" width={600} height={400} />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      {/* Class Level Section */}
      <section className="trainingapproach classlevel">
        <div className="container container-xxl">
          <div className="section-heading text-center">
            <h2><span>Class Level</span></h2>
          </div>
          <div className="row gx-3 gx-xl-4">
            {classLevels.map((level, index) => (
              <div
                key={level.title}
                className="col-xxl-4 col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12 mb-3"
                data-aos="fade-up"
                data-aos-duration="700"
                data-aos-delay={(index % 3) * 100}>
                <div className="missionbx flex-column h-100">
                  <div className="missioncontent">
                    <h3>{level.title}</h3>
                    <p><strong>Minumum Age : </strong>{level.age} | {level.duration}</p>
                    {level.prerequisite && (
                      <p><strong>Pre-requisite:</strong> {level.prerequisite}</p>
                    )}

                    {level.description && (
                      <p>{level.description}</p>
                    )}
                    <p><strong>Students will learn:</strong></p>
                    <ul>
                      {level.points.map((point) => (
                        <li key={point}>{point}</li>
                      ))}
                    </ul>
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>
      </section>
    </>
  );
};

export default AcademyContent;