context = window
rest = context.JK.Rest()

@JamClassStudentLandingBottomPage = React.createClass({

  render: () ->
    if this.props.free
      find_teacher_header = "Find the Best Teacher For You - Free"
      find_teacher_text = "With JamClass, you can search our community of outstanding instructors, find the one who is the best fit for you - regardless of where they live - and then use our free lesson offer to take your first lesson with this instructor at no cost to make sure you click. It's free, easy, and kind of amazing!"
      what_now =
        `<div id="what-now" className="row awesome jam-class">
          <h2 className="awesome">What Now?</h2>

          <p>If you're ready to sign up for your free lesson, just scroll back up to the top of this page, and sign up.
            Once you've done this, there are three more things to do:</p>
          <ol>
            <li>Search for the instructor(s) who look best for you, and book your lesson with him or her.</li>
            <li>Enter your credit card information. You will <b>not</b> be charged unless you choose to book more
              lessons after the first free one. We have to collect credit card info to avoid fraud. Unfortunately we've
              found that some folks will keep signing up with new accounts to keep getting free lessons.
            </li>
            <li>Work with a JamKazam staff person, who will give you all the 1:1 help you need to get set up and ready
              for your online lesson.
            </li>
          </ol>
          <p>While you're getting this done, if you want to learn more about all the nifty features you can access in
            JamClass and in JamKazam in general, you can check out our online <a href="https://jamkazam.desk.com/customer/en/portal/topics/926073-jamclass-online-music-lessons---for-students/articles" target="_blank">JamClass
              User Guide</a>.</p>
        </div>`
    else
      find_teacher_header = "TestDrive to Find the Right Teacher"
      test_drive_point = "You often settle on the first teacher you try as it's too hard and expensive to engage multiple teachers."
      find_teacher_text = "And whether traditional or online, students often just settle on the first teacher they try, as it's hard and expensive to \"try out\" multiple teachers. Our unique TestDrive program lets you try lessons with 4 different teachers for just $49.99. Then you pick the one with whom you find that you work best. It's inexpensive, easy, and no one gets their feelings hurt."
      what_now =
        `<div id="what-now" className="row awesome jam-class">
          <h2 className="awesome">What Now?</h2>

          <p>If you're ready to sign up for TestDrive, just scroll back up to the top of this page, and sign up. Once
            you've done this, there are three more things to do:</p>
          <ol>
            <li>Search for the instructor(s) who look best for you, and book your lesson with him or her.</li>
            <li>Plug in your credit card info to pay for your TestDrive</li>
            <li>Work with a JamKazam staff person, who will give you all the 1:1 help you need to get set up for online
              lessons.
            </li>
          </ol>
          <p>While you're getting this done, if you want to learn more about all the nifty features you can access in
            JamClass and in JamKazam in general, you can check out our online <a target="_blank"
                                                                                 href="https://jamkazam.desk.com/customer/en/portal/topics/926073-jamclass-online-music-lessons---for-students/articles">JamClass
              User Guide</a>.</p>
        </div>`
    `<div className="top-container">
      <div className="row awesome jam-class">
        <h2 className="awesome">What Makes JamClass Lessons Awesome?</h2>

        <p>Online music lessons offer obvious advantages. Connecting with the right teacher is the most important factor
          in the value of lessons, yet with traditional lessons, you have to settle for a teacher who lives close to you
          rather than selecting the best teacher. {test_drive_point} Travel to and from lessons takes far more time than
          the lessons
          themselves. You often forget important teachings and demonstrations between lessons. The list goes on, as
          traditional lessons have many drawbacks.</p>

        <p>Historically, online lessons have had major issues too. Several companies have built online marketplaces of
          music teachers, but every one of these companies relies on Skype or similar apps – built for voice
          conferencing – to deliver online lessons. This is a major problem. The voice technology of these apps makes
          music sound awful in online sessions – so bad that teachers can’t assess the student’s tone and sometimes even
          the pitch of what they are playing. These apps also
          have very high latency – a technical term that means that the student and teacher cannot play together,
          another critical requirement for productive lessons. Since Skype wasn’t built for music, it also lacks many
          other basic features to support effective lessons, like a metronome, support for backing tracks, etc.</p>

        <p>At JamKazam, we’ve spent years designing, patenting, and building technology specifically to enable musicians
          to play online live in sync with studio quality audio. We’ve built a wide variety of critical online music
          performance features into this platform. And we’ve built a lesson marketplace on top of this foundation, and
          attracted and vetted a terrific set of instructors to teach using our unparalleled technology platform.
          Following are some of the top features of JamClass by JamKazam.</p>

        <div className="testimonials jam-class">
          <h3>Testimonials</h3>

          <div className="testimonial">
            <img src="/assets/landing/Julie Bonk - Jam Class - Speech Bubble.png"
                 className="testimonial-speech-bubble"/>
            <img src="/assets/landing/Julie Bonk - Avatar.png" className="testimonial-avatar"/>
            <h4><strong>Julie Bonk</strong></h4>

            <div className="testiminal-background">
              Oft-recorded pianist, teacher, mentor to Grammy winner Norah Jones and Scott Hoying of Pentatonix
            </div>
          </div>
          <div className="testimonial">
            <img src="/assets/landing/Carl Brown - Jam Class - Speech Bubble.png"
                 className="testimonial-speech-bubble"/>
            <img src="/assets/landing/Carl Brown - Avatar.png" className="testimonial-avatar"/>
            <a rel="external" href="https://www.youtube.com/channel/UCvnfBBzEizi1T5unOXNCxdQ"><img
              src="/assets/landing/Carl Brown - YouTube.png" className="testimonial-youtube"/></a>
            <h4><strong>Carl Brown</strong> of GuitarLessions365</h4>
          </div>
          <div className="testimonial">
            <img src="/assets/landing/Justin Pierce - Jam Class - Speech Bubble.png"
                 className="testimonial-speech-bubble"/>
            <img src="/assets/landing/Justin Pierce - Avatar.png" className="testimonial-avatar"/>
            <h4><strong>Justin Pierce</strong></h4>

            <div className="testiminal-background">
              Masters degree in jazz studies, performer in multiple bands, saxophone instructor
            </div>
          </div>
          <div className="testimonial">
            <img src="/assets/landing/Dave Sebree - Jam Class - Speech Bubble.png"
                 className="testimonial-speech-bubble"/>
            <img src="/assets/landing/Dave Sebree - Avatar.png" className="testimonial-avatar"/>
            <h4><strong>Dave Sebree</strong></h4>

            <div className="testiminal-background">
              Founder of Austin School of Music, Gibson-endorsed guitarist, touring musician
            </div>
          </div>
          <div className="testimonial">
            <img src="/assets/landing/Sara Nelson - Jam Class - Speech Bubble.png"
                 className="testimonial-speech-bubble"/>
            <img src="/assets/landing/Sara Nelson - Avatar.png" className="testimonial-avatar"/>
            <h4><strong>Sara Nelson</strong></h4>

            <div className="testiminal-background">
              Cellist for Austin Lyric Opera, frequently recorded with major artists
            </div>
          </div>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">1</div>
            Play Live In Sync From Different Locations
          </h3>
          <p>
            <div className="video-wrapper right">
              <div className="video-container">
                <iframe src="//www.youtube.com/embed/I2reeNKtRjg" frameborder="0" allowfullscreen="allowfullscreen"/>
              </div>
            </div>
            <p>Teacher and student need to be able to play together to enable effective lessons. As any teacher who has
              attempted to teach using Skype will tell you, Skype doesn't let you play together. JamKazam's patented
              technologies deliver on this requirement at an amazing level. Click the video above to watch 6 bands play
              together from different locations to see our tech in action. And for an even more impressive feat, <a
                href="https://www.youtube.com/watch?v=2Zk7-04IAx4" target="_blank">watch this video</a> with a band
              playing together from Austin, Atlanta, Chicago, and Brooklyn using JamKazam tech.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">2</div>
            Studio Quality Audio
          </h3>
          <p>
            <div className="audio-wrapper">
              <a href="https://www.jamkazam.com/recordings/94c5d5aa-2c61-440a-93a4-c661bf77d4a8" target="_blank">Sample
                Session Audio #1</a>

              <div className="sample-audio-text">Electric Guitars & Drum</div>
              <a href="https://www.jamkazam.com/recordings/4916dbfe-0eeb-4bfb-b08a-4085dfecedcb" target="_blank">Sample
                Session Audio #2</a>

              <div className="sample-audio-text">Acoustic Guitar, Bass & Voice</div>
              <a href="https://www.jamkazam.com/recordings/5875be7e-2cc3-4555-825c-046bd2f849e7" target="_blank">Sample
                Session Audio #3</a>

              <div className="sample-audio-text">Trumpet & Keys</div>

              <p className="listening-note">These audio links will open a new tab in your browser. When done listening,
                close the tab and return to this page.</p>
            </div>
            <p>Skype was built for voice - for people talking with each other. It uses something called a "voice codec".
              This just means it processes all audio as a spoken human voice, and the result is that music, whether
              instrumental or vocal, sounds very bad in Skype, as it has been processed through tech built for talking.
              JamKazam delivers very high quality audio. You will be amazed at how good it sounds. It sounds like you're
              sitting next to each other playing. This is also critical for a good lesson. Poor audio is hard to endure
              in lessons.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">3</div>
            {find_teacher_header}
          </h3>
          <p>
            <div className="teacher-icons">
              <div className="top-teacher-row">
                <img className="teacher-icon top-left" src="/assets/landing/teacher-icon-small.png"/>
                <img className="teacher-icon top-right" src="/assets/landing/teacher-icon-small.png"/>
              </div>
              <div className="bottom-teacher-row">
                <img className="teacher-icon bottom-left" src="/assets/landing/teacher-icon-small.png"/>
                <img className="teacher-icon bottom-right" src="/assets/landing/teacher-icon-small.png"/>
                <br className="clearall"/>
              </div>
              <div className="testdrive-note">Try more than one instructor. You wouldn’t marry the first person you date, right?
              </div>
            </div>
            <p>Connecting with the right teacher is the most important factor in the effectiveness of lessons. But with
              traditional lessons, you are stuck choosing a teacher within a 30-minute drive - choosing the closest vs.
              the best. Plus students often just settle on the first teacher they try, as it's hard and expensive to try
              out multiple teachers. Our unique TestDrive program lets you try full lessons with multiple teachers at a
              discounted rate to find the best teacher for you. It's inexpensive, easy, and it makes a world of
              difference in the value of your investment in lessons.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">4</div>
            Record & Refer Back to Lessons
          </h3>
          <p>
            <div className="video-wrapper left bottomed">
              <div className="video-container">
                <iframe src="//www.youtube.com/embed/OcnIxqmfkfU" frameborder="0" allowfullscreen="allowfullscreen"/>
              </div>
              <div className="cta-text">watch this sample video recording from a lesson</div>
            </div>
            <p>Students rarely take notes during lessons, and often notes won't really capture what's being taught. Many
              times a student thinks they've got it, but they get home and realize "I don't got it", and then you've
              wasted a week. In JamClass the instructor can record all or portions of a lesson that the student can
              easily refer back to later.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">5</div>
            Play Along with Your Favorite Songs/Artists
          </h3>
          <p>
            <div className="video-wrapper right">
              <div className="video-container">
                <iframe src="//www.youtube.com/embed/07zJC7C2ICA" frameborder="0" allowfullscreen="allowfullscreen"/>
              </div>
            </div>
            <p>When taking lessons, you usually apply the techniques you are learning to playing songs - ideally songs
              you love. JamKazam makes this better too, as we offer a catalog of 3,700+ songs. Each song is is a
              complete multi-track recording, with fully isolated tracks for each part of the music - e.g. lead vocal,
              backing vocals, lead guitar, rhythm guitar, keys, bass, drums, etc. So you can listen to just the part
              you're learning in isolation, turn around and mute that one part to play along with the rest of the band,
              slow down playback for practice, record and share your performances, and more. It's really fun! And a
              great way to reward yourself and reinforce what you're learning from your lessons.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">6</div>
            Apply VST & AU Audio Plug-In Effects
          </h3>
          <p>
            <img src="/assets/landing/Top 10 Image - Number 6.png" className="awesome-image left" width="350"
                 height="240"/>

            <p>The free JamKazam app lets you easily apply VST & AU plugin effects to your live performance in lessons.
              For example, guitarists can apply popular amp sims like AmpliTube to get any kind of guitar tone without
              pedal boards or amps, and vocalists can apply effects like reverb, pitch correction, etc.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">7</div>
            Use MIDI Instruments
          </h3>
          <p>
            <img src="/assets/landing/Top 10 Image - Number 7.png" className="awesome-image" width="320" height="257"/>

            <p>The free JamKazam app also lets you use MIDI instruments in online lesson sessions. For example, keys
              players can use MIDI keyboard controllers with VST & AU plugins to generate traditional piano sounds,
              Rhodes electric piano, Hammond organ, and other classic keys tones. And drummers who use electronic kits
              can use their favorite plugins to power their percussive audio.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome-thing jam-class multi-para">
        <div className="awesome-item">
          <h3>
            <div className="awesome-number">8</div>
            And More…
          </h3>
          <p>
            <p>There are many other features that are specifically useful for online lessons built into JamClass by
              JamKazam, including a metronome feature, the ability for either teacher or student to open any audio file
              and use it as a backing track for session acccompaniment, and too many more to list.</p>

            <p>In addition to the lesson features, the awesome bonus is that once a student is set up to play in online
              lessons, he or she can also play completely FREE with anyone else in the JamKazam community any time to
              practice skills learned in lessons, or just for fun. There are thousands of online sessions played every
              month on the JamKazam service, including open jam sessions set up by our user community, and you can hop
              into these sessions, create your own improptu sessions, schedule sessions with a particular focus or song
              list, etc. It's a vibrant and welcoming community of fellow musicians, and it's open to you anytime,
              anywhere.</p>

            <div className="clearall"/>
          </p>
        </div>
      </div>

      <div className="row awesome jam-class">
        <h2 className="awesome">What Do You Need to Play in JamClass Lessons?</h2>

        <p>
          At a minimum, you need:</p>
        <ul>
          <li>A computer running either
            <ul>
              <li>Windows 7 or a later version
              </li>
              <li>Mac OS X 10.7 or a later version<br/>
                <a className="how-do-i" href="https://support.apple.com/en-us/HT201948" target="_blank">how do I know which version I'm running?</a>
              </li>
            </ul>
          </li>
          <li>A built-in microphone and built-in webcam on your computer</li>
          <li>Internet service with at least 500kbps upload bandwidth<br/>
            <a className="how-do-i" href="http://www.speedtest.net/" target="_blank">how do I know how much upload
              bandwidth my Internet service delivers?</a></li>
        </ul>

        <p>
          To have very high quality audio in your sessions, rather than using the built-in microphone on your computer
          to capture your instrumental and/or vocal audio, we recommend using an external audio interface. An
          audio interface is a hardware product that connects to your computer and processes audio better than your
          computer alone. If you already own/use an audio interface, you can use the one you have. And if you don't,
          please <a href="https://jamkazam.desk.com/customer/en/portal/topics/564807-gear-recommendations/articles"
                    target="_blank">refer to this set of help articles</a> that recommend the best gear based on your instruments and/or vocals. You can pick up a perfectly good interface very inexpensively, typically for less than $50. And you can
          use your new interface not just for JamClass, but also to make home recordings of your performances, and also to play in online JamKazam sessions with other musicians. So
          it's a great thing to have for any musician.
        </p>
        <p>
          If you feel worried or confused about getting set up because you're not a "tech genius", we are happy to work
          with you 1:1 to answer your questions, and walk you through picking gear and setting it up. We'll even hop
          into an online test session with you, show you around the key features, and make sure you're ready to rock and
          roll online! Just email us at support@jamkazam.com, and tell us you need help getting set up for JamClass. We
          do this all the time.
        </p>
      </div>
      <div className="row awesome jam-class">
        <h2 className="awesome">We Have Fabulous Teachers, Check Them Out!</h2>

        <p>JamClass instructors are a terrific set of teachers from whom you can learn almost anything musically. We review every single teacher individually to
          ensure they meet high standards in terms of their ability, experience, and desire to teach music.</p>

        <p>If you want to check out teachers before signing up, use the link below to search our community of teachers.
          If you are looking for someone/something specific that you can't find in our set of instructors, please let us
          know and our lesson concierge staff will find and add the right teachers. We are constantly reviewing prospective teachers
          and adding to the community, and we don't mind at all using specific student requests to focus our efforts on
          filling holes in our coverage.</p>

        <div className="search-area">
          <a href="/client#/jamclass/searchOptions" target="_blank">Search JamClass Instructors</a>

          <div className="tab-and-return">Please note that clicking this link will open a new tab in your browser.<br/>
            When you're done searching, just close that tab, and you'll return here.
          </div>
        </div>
      </div>

      <div className="row awesome jam-class">
        <h2 className="awesome">Guidance for Parents of Music Students</h2>

        <p>If you are the parent of a child who is under the age of 13, you must give consent for your child to use this
          service, and this must be done in a specific manner, due to the provisions of the Children's Online Privacy
          Protection Act (COPPA). If this applies to your child, please email us at <a
            href="mailto:support@jamkazam.com">support@jamkazam.com</a> so that we can handle this process with you
          prior to signup, thank you!</p>
      </div>

      {what_now}
    </div>`

})